@wise/dynamic-flow-client 2.8.12 → 2.8.15

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

@@ -0,0 +1,3 @@
+import type { DecisionComponent } from '../../domain/components/DecisionComponent';
+import type { DecisionRendererProps } from '../types';
+export declare const decisionComponentToProps: ({ options, margin, }: DecisionComponent) => DecisionRendererProps;

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

@@ -0,0 +1,3 @@
+import type { DividerComponent } from '../../domain/components/DividerComponent';
+import type { DividerRendererProps } from '../types';
+export declare const dividerComponentToProps: ({ control, margin, }: DividerComponent) => DividerRendererProps;

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

@@ -0,0 +1,3 @@
+import type { ImageComponent } from '../../domain/components/ImageComponent';
+import type { ImageRendererProps } from '../types';
+export declare const imageComponentToProps: ({ accessibilityDescription, control, margin, size, url, }: ImageComponent) => ImageRendererProps;

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

@@ -0,0 +1,8 @@
+import type { InstructionsComponent } from '../../domain/components/InstructionsComponent';
+export declare const instructionsComponentToProps: ({ control, items, margin, title, }: InstructionsComponent) => {
+    type: string;
+    control: string | undefined;
+    items: import("../../domain/components/InstructionsComponent").InstructionItem[];
+    margin: import("@wise/dynamic-flow-types/build/next").Size;
+    title: string | undefined;
+};

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

@@ -0,0 +1,3 @@
+import type { LoadingIndicatorComponent } from '../../domain/components/LoadingIndicatorComponent';
+import type { LoadingIndicatorRendererProps } from '../types';
+export declare const loadingIndicatorComponentToProps: ({ control, margin, size, }: LoadingIndicatorComponent) => LoadingIndicatorRendererProps;

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

@@ -0,0 +1,3 @@
+import type { MarkdownComponent } from '../../domain/components/MarkdownComponent';
+import type { MarkdownRendererProps } from '../types';
+export declare const markdownComponentToProps: ({ align, content, control, margin, }: MarkdownComponent) => MarkdownRendererProps;

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

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+import type { ModalComponent } from '../../domain/components/ModalComponent';
+import type { ModalRendererProps } from '../types';
+export declare const modalComponentToProps: ({ control, margin, trigger }: ModalComponent, components: ReactNode) => ModalRendererProps;

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

@@ -1,4 +1,4 @@
 import type { ReactNode } from 'react';
 import type { ObjectComponent } from '../../domain/components/ObjectComponent';
-import type { ObjectRendererProps } from '../types';
-export declare const objectComponentToProps: ({ control, description, help, title }: ObjectComponent, children: ReactNode) => ObjectRendererProps;
+import type { FormSectionRendererProps } from '../types';
+export declare const objectComponentToProps: ({ control, description, help, title }: ObjectComponent, children: ReactNode) => FormSectionRendererProps;

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

@@ -0,0 +1,3 @@
+import type { ReviewComponent } from '../../domain/components/ReviewComponent';
+import type { ReviewRendererProps } from '../types';
+export declare const reviewComponentToProps: ({ callToAction, control, fields, margin, title, }: ReviewComponent) => ReviewRendererProps;

package/build/types/revamp/renderers/mappers/utils/inputComponentToProps.d.ts

@@ -1,6 +1,5 @@
-import type { Model } from '@wise/dynamic-flow-types/build/next';
 import type { InputComponent } from '../../../domain/types';
-export declare const inputComponentToProps: <T extends string, M extends Model>(component: Omit<InputComponent<M>, "onChange">, type: T) => {
+export declare const inputComponentToProps: <T extends string, M extends import("@wise/dynamic-flow-types/build/next").JsonElement>(component: Omit<InputComponent<M>, "onChange">, type: T) => {
     type: T;
     autoComplete: string;
     control: string | undefined;
@@ -10,7 +9,6 @@ export declare const inputComponentToProps: <T extends string, M extends Model>(
     help: string | undefined;
     id: string;
     label: string | undefined;
-    name: string;
     placeholder: string | undefined;
     required: boolean;
     value: M | null;

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

@@ -1,5 +1,8 @@
 import type { Margin as DFMargin, Size as DFSize, SearchResult as SearchResultSpec, Icon as DFIcon } from '@wise/dynamic-flow-types/build/next';
 import type { ReactNode } from 'react';
+import type { DecisionOption as DomainDecisionOption } from '../domain/components/DecisionComponent';
+import type { InstructionItem as DomainInstructionItem } from '../domain/components/InstructionsComponent';
+import type { ReviewCallToAction as DomainReviewCallToAction, ReviewField as DomainReviewField } from '../domain/components/ReviewComponent';
 export type Renderer<P extends RendererProps> = {
     canRender: (props: RendererProps) => boolean;
     render: (props: P) => JSX.Element;
@@ -38,6 +41,16 @@ export interface ColumnsRendererProps extends RendererProps {
     startChildren: ReactNode;
     endChildren: ReactNode;
 }
+export interface DecisionRendererProps extends RendererProps {
+    type: 'decision';
+    options: DecisionOption[];
+    margin: Margin;
+}
+export type DecisionOption = DomainDecisionOption;
+export interface DividerRendererProps extends RendererProps {
+    type: 'divider';
+    margin: Margin;
+}
 export interface FormRendererProps extends RendererProps {
     type: 'form';
     children: ReactNode;
@@ -48,10 +61,44 @@ export interface FormRendererProps extends RendererProps {
  */
 export interface HeadingRendererProps extends RendererProps {
     type: 'heading';
+    align: Align;
+    margin: Margin;
+    size: Size;
     text: string;
+}
+export interface InstructionsRendererProps extends RendererProps {
+    items: InstructionItem[];
+    margin: Margin;
+    title?: string;
+}
+export type InstructionItem = DomainInstructionItem;
+export interface LoadingIndicatorRendererProps extends RendererProps {
+    type: 'loading-indicator';
+    margin: Margin;
+    size: Size;
+}
+export interface MarkdownRendererProps extends RendererProps {
+    type: 'markdown';
     align: Align;
     margin: Margin;
+    content: string;
+}
+export interface ImageRendererProps extends RendererProps {
+    type: 'image';
+    accessibilityDescription?: string;
     size: Size;
+    margin: Margin;
+    url: string;
+}
+export interface ModalRendererProps extends RendererProps {
+    type: 'modal';
+    content: {
+        components: ReactNode;
+    };
+    margin: Margin;
+    trigger: {
+        title: string;
+    };
 }
 /**
  * Known values for "control" are: 'copyable'.
@@ -62,9 +109,18 @@ export interface ParagraphRendererProps extends RendererProps {
     margin: Margin;
     text: string;
 }
+export interface ReviewRendererProps extends RendererProps {
+    type: 'review';
+    fields: ReviewField[];
+    margin: Margin;
+    title?: string;
+    callToAction?: ReviewCallToAction;
+}
+export type ReviewCallToAction = DomainReviewCallToAction;
+export type ReviewField = DomainReviewField;
 export interface SearchRendererProps extends RendererProps {
     type: 'search';
-    control?: string;
+    id: string;
     emptyMessage?: string;
     isLoading: boolean;
     margin: Margin;
@@ -92,8 +148,8 @@ export type ResultsSearchState = {
 export type SearchResult = Pick<SearchResultSpec, 'description' | 'icon' | 'image' | 'title'> & {
     onClick: () => void;
 };
-export interface ObjectRendererProps extends RendererProps {
-    type: 'object';
+export interface FormSectionRendererProps extends RendererProps {
+    type: 'form-section';
     title?: string;
     description?: string;
     help?: string;
@@ -107,7 +163,6 @@ interface BaseInputRendererProps<M extends string | number | boolean | null> ext
     error?: string;
     help?: string;
     label?: string;
-    name: string;
     placeholder?: string;
     required: boolean;
     value: M | null;

package/build/types/revamp/utils/{getSubmittableData.d.ts → component-utils.d.ts}

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

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

@@ -1,12 +1,18 @@
-import type { AllOfSchema, ArrayModel, ArraySchema, ArraySchemaList, BooleanSchema, ConstSchema, IntegerSchema, Model, NumberSchema, ObjectSchema, OneOfSchema, Schema, StringSchema } from '@wise/dynamic-flow-types/build/next';
-import type { HasChildren, StepComponent } from '../domain/types';
+import type { AllOfSchema, ArraySchema, ArraySchemaList, ArraySchemaTuple, BooleanSchema, ConstSchema, IntegerSchema, Model, NumberSchema, ObjectSchema, OneOfSchema, Schema, StringSchema } 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';
-export declare const hasChildren: (component: StepComponent) => component is HasChildren;
+import type { PersistAsync } from '@wise/dynamic-flow-types/build/next/feature/PersistAsync';
+type SchemaWithPersistAsync = (ArraySchemaList | ArraySchemaTuple | BooleanSchema | IntegerSchema | NumberSchema | StringSchema) & {
+    persistAsync: PersistAsync;
+};
+export declare const hasChildren: (component: StepComponent) => component is StepComponent & {
+    getChildren: () => StepComponent[];
+};
 export declare const isColumnsComponent: (component: StepComponent) => component is ColumnsComponent;
 export declare const isRepeatableComponent: (component: StepComponent) => component is RepeatableComponent;
-export declare const isObjectModel: (model: Model) => model is Record<string, Model>;
-export declare const isArrayModel: (model: Model) => model is ArrayModel;
+export declare const isObjectModel: (model: Model) => model is Record<string, import("@wise/dynamic-flow-types/build/next").JsonElement>;
+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 isConstSchema: (schema: Schema) => schema is ConstSchema;
@@ -17,3 +23,8 @@ 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 isSchemaWithPersistAsync: (schema: Schema) => schema is SchemaWithPersistAsync;
+export declare const isHiddenSchema: (schema: Schema) => schema is Schema & {
+    hidden: true;
+};
+export {};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,6 +1,7 @@
 import type { ErrorSearchState, Renderer, ResultsSearchState, SearchRendererProps } from '../../renderers/types';
 declare const SearchRenderer: Renderer<SearchRendererProps>;
-export declare function SearchInput({ query, onChange, }: {
+export declare function SearchInput({ id, query, onChange, }: {
+    id: string;
     query: string;
     onChange: (query: string) => void;
 }): JSX.Element;

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

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

package/build/types/test-utils/fetch-utils.d.ts

@@ -1,4 +1,4 @@
-import type { ActionResponseBody, Step } from '@wise/dynamic-flow-types';
+import type { Step } from '@wise/dynamic-flow-types';
 type HttpClient = typeof fetch;
 /**
  * Returns a mock http client you can use in your DynamicFlow.
@@ -11,7 +11,7 @@ type HttpClient = typeof fetch;
  * })
  */
 export declare const getMockHttpClient: (handlers: Record<string, HttpClient | undefined>) => HttpClient;
-export declare const respondWith: (step: Step | ActionResponseBody | Record<string, unknown>, init?: ResponseInit) => Promise<Response>;
+export declare const respondWith: (data: unknown, init?: ResponseInit) => Promise<Response>;
 export declare const respondWithEtag: (step: Step) => Promise<Response>;
 export declare const respondWithEmptyOk: () => Promise<Response>;
 export declare const respondWithEmptyAndEtag: (step: Step) => Promise<Response>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "2.8.12",
+  "version": "2.8.15",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -92,7 +92,7 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "2.5.2"
+    "@wise/dynamic-flow-types": "2.6.1"
   },
   "scripts": {
     "dev": "storybook dev -p 3003",

package/build/types/legacy/jsonSchemaForm/persistAsyncSchema/PersistAsyncSchema.messages.d.ts

@@ -1,8 +0,0 @@
-declare namespace _default {
-    namespace genericError {
-        const id: string;
-        const defaultMessage: string;
-        const description: string;
-    }
-}
-export default _default;

package/build/types/revamp/domain/features/validation/getModelValidationErrors.d.ts

@@ -1,6 +0,0 @@
-import type { Model } from '@wise/dynamic-flow-types/build/next';
-import type { IsInvalidCheck } from './value-checks';
-export declare const getModelValidationErrors: <M extends Model>({ checks, model, }: {
-    checks: IsInvalidCheck<M>[];
-    model: M;
-}) => string[];

package/build/types/revamp/domain/features/validation/validateComponents.d.ts

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

package/build/types/revamp/domain/validation/validation-functions.d.ts

@@ -1,8 +0,0 @@
-import type { Model } from '@wise/dynamic-flow-types/build/next';
-import type { StepComponent } from '../types';
-import type { IsInvalidCheck } from '../features/validation/value-checks';
-export declare const validateComponents: (components: StepComponent[]) => boolean;
-export declare const getModelValidationErrors: <M extends Model>({ checks, model, }: {
-    checks: IsInvalidCheck<M>[];
-    model: M;
-}) => string[];

package/build/types/revamp/stories/visual-tests/array.d.ts

@@ -1,3 +0,0 @@
-import type { Step } from '@wise/dynamic-flow-types/build/next';
-declare const step: Step;
-export default step;

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

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