@wise/dynamic-flow-client 4.8.7 → 4.9.0-exp-modal-renderer-8e5c27a

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

@@ -1,13 +1,11 @@
-import type { ModalLayoutTrigger } from '@wise/dynamic-flow-types/build/next/layout/ModalLayoutTrigger';
-import type { BaseLayoutComponent, DomainComponent } from '../types';
-export type ModalComponent = BaseLayoutComponent & {
+import type { BaseComponent, DomainComponent, UpdateComponent } from '../types';
+export type ModalComponent = BaseComponent & {
     type: 'modal';
-    content: ModalContent;
-    trigger: ModalLayoutTrigger;
-    getChildren: () => DomainComponent[];
-};
-export type ModalContent = {
+    kind: 'layout';
     components: DomainComponent[];
+    open: boolean;
     title?: string;
+    getChildren: () => DomainComponent[];
+    close: () => void;
 };
-export declare const createModalComponent: (modalProps: Pick<ModalComponent, "uid" | "analyticsId" | "content" | "control" | "margin" | "trigger">) => ModalComponent;
+export declare const createModalContentComponent: (modalProps: Pick<ModalComponent, "uid" | "analyticsId" | "components" | "title">, updateComponent: UpdateComponent) => ModalComponent;

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

@@ -0,0 +1,14 @@
+import type { ModalLayoutTrigger } from '@wise/dynamic-flow-types/build/next/layout/ModalLayoutTrigger';
+import type { BaseLayoutComponent, DomainComponent } from '../types';
+export type ModalLayoutComponent = BaseLayoutComponent & {
+    type: 'modal-layout';
+    kind: 'layout';
+    content: ModalContent;
+    trigger: ModalLayoutTrigger;
+    getChildren: () => DomainComponent[];
+};
+export type ModalContent = {
+    components: DomainComponent[];
+    title?: string;
+};
+export declare const createModalComponent: (modalProps: Pick<ModalLayoutComponent, "uid" | "analyticsId" | "content" | "control" | "margin" | "trigger">) => ModalLayoutComponent;

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

@@ -5,6 +5,7 @@ import type { BaseInputComponent, LocalValue, LocalValueArray, OnValueChange, Sc
 import type { SelectInputOption } from './SelectInputComponent';
 export type MultiSelectComponent = BaseInputComponent<LocalValueArray | null> & {
     type: 'multi-select';
+    kind: 'input';
     children: SchemaComponent[];
     maxItems?: number;
     minItems?: number;

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

@@ -4,6 +4,7 @@ import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { BaseInputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, UploadSource } from '../types';
 export type MultiUploadInputComponent = BaseInputComponent<File[]> & {
     type: 'multi-upload';
+    kind: 'input';
     accepts?: string[];
     cameraConfig?: JsonElement;
     files: {

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

@@ -4,6 +4,7 @@ import type { PerformValidationAsync } from '../features/validationAsync/getPerf
 import type { BaseInputComponent, OnPersistAsync, OnValueChange, RepeatableSummary, UpdateComponent, ValidationAsyncState } from '../types';
 export type NumberInputComponent = BaseInputComponent<number | null> & {
     type: 'number';
+    kind: 'input';
     maximum?: number;
     minimum?: number;
     validationAsyncState: ValidationAsyncState;

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

@@ -1,6 +1,7 @@
-import type { BaseSchemaComponent, InlineAlert, SchemaComponent, LocalValue, LocalValueObject, RepeatableSummary } from '../types';
+import type { BaseSchemaComponent, InlineAlert, LocalValue, LocalValueObject, RepeatableSummary, SchemaComponent } from '../types';
 export type ObjectComponent = BaseSchemaComponent<LocalValueObject> & {
     type: 'object';
+    kind: 'input';
     componentMap: Record<string, SchemaComponent>;
     alert?: InlineAlert;
     getChildren: () => SchemaComponent[];

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

@@ -1,6 +1,7 @@
 import type { Align, BaseLayoutComponent } from '../types';
 export type ParagraphComponent = BaseLayoutComponent & {
     type: 'paragraph';
+    kind: 'layout';
     align: Align;
     text: string;
 };

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

@@ -4,6 +4,7 @@ import { SchemaOnChange } from '../features/schema-on-change/getSchemaOnChange';
 import type { BaseSchemaComponent, LocalValue, SchemaComponent, UpdateComponent } from '../types';
 export type PersistAsyncComponent = BaseSchemaComponent<LocalValue> & {
     type: 'persist-async';
+    kind: 'input';
     component: SchemaComponent;
     abortController: AbortController;
     submission: Promise<JsonElement>;

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

@@ -3,6 +3,7 @@ import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { BaseSchemaComponent, Image, InlineAlert, LocalValue, LocalValueArray, OnValueChange, RepeatableSummary, SchemaComponent, UpdateComponent } from '../types';
 export type RepeatableComponent = BaseSchemaComponent<LocalValueArray> & {
     type: 'repeatable';
+    kind: 'input';
     id?: string;
     components: SchemaComponent[];
     addItemTitle: string;

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

@@ -2,6 +2,7 @@ import { Icon } from '@wise/dynamic-flow-types/build/next';
 import type { AdditionalInfo, BaseLayoutComponent, CallToAction, Image, InlineAlert } from '../types';
 export type ReviewComponent = BaseLayoutComponent & {
     type: 'review';
+    kind: 'layout';
     fields: ReviewField[];
     title?: string;
     callToAction?: CallToAction;

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

@@ -1,14 +1,15 @@
 import { Model } from '@wise/dynamic-flow-types';
 import { AnalyticsEventDispatcher } from '../features/events';
-import { BaseComponent, DomainComponent, SchemaComponent, LoadingState, LocalValue, UpdateComponent } from '../types';
-import { ModalContentComponent } from './ModalContentComponent';
+import { BaseComponent, DomainComponent, LoadingState, LocalValue, SchemaComponent, UpdateComponent } from '../types';
+import { ModalComponent } from './ModalComponent';
 import { StepDomainComponent } from './step/StepDomainComponent';
 export type RootDomainComponent = BaseComponent & {
     type: 'root';
+    kind: 'step';
     stepComponent: StepDomainComponent | null;
     dismissAllModals: () => void;
     dismissModal: () => void;
-    showModal: (modal: ModalContentComponent) => void;
+    showModal: (modal: ModalComponent) => void;
     getChildren: () => DomainComponent[];
     getLocalValue: () => LocalValue;
     getLoadingState: () => LoadingState;

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

@@ -1,6 +1,7 @@
 import { BaseLayoutComponent, CallToAction, DomainComponent } from '../types';
 export type SectionComponent = BaseLayoutComponent & {
     type: 'section';
+    kind: 'layout';
     title: string;
     components: DomainComponent[];
     callToAction?: CallToAction;

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

@@ -5,6 +5,7 @@ import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { BaseInputComponent, Image, LocalValue, OnValueChange, RepeatableSummary, SchemaComponent, UpdateComponent } from '../types';
 export type SelectInputComponent = BaseInputComponent<LocalValue | null> & {
     type: 'select';
+    kind: 'input';
     selectedIndex: number | null;
     options: SelectInputOption[];
     children: SchemaComponent[];

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

@@ -1,6 +1,7 @@
 import type { BaseLayoutComponent, CallToAction } from '../types';
 export type StatusListComponent = BaseLayoutComponent & {
     type: 'status-list';
+    kind: 'layout';
     items: StatusListItem[];
     title?: string;
 };

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

@@ -1,6 +1,7 @@
 import { BaseLayoutComponent, DomainComponent } from '../types';
 export type TabsComponent = BaseLayoutComponent & {
     type: 'tabs';
+    kind: 'layout';
     tabs: Tab[];
 };
 export type Tab = {

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

@@ -4,6 +4,7 @@ import type { PerformValidationAsync } from '../features/validationAsync/getPerf
 import type { Autocapitalization, BaseInputComponent, OnPersistAsync, OnValueChange, RepeatableSummary, Suggestions, UpdateComponent, ValidationAsyncState } from '../types';
 export type TextInputComponent = BaseInputComponent<string | null> & {
     type: 'text';
+    kind: 'input';
     autocapitalization?: Autocapitalization;
     displayFormat?: string;
     maxLength?: number;

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

@@ -1,6 +1,7 @@
-import { BaseSchemaComponent, InlineAlert, SchemaComponent, LocalValue, LocalValueArray, RepeatableSummary } from '../types';
+import { BaseSchemaComponent, InlineAlert, LocalValue, LocalValueArray, RepeatableSummary, SchemaComponent } from '../types';
 export type TupleComponent = BaseSchemaComponent<LocalValueArray> & {
     type: 'tuple';
+    kind: 'input';
     components: SchemaComponent[];
     alert?: InlineAlert;
     getChildren: () => SchemaComponent[];

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

@@ -4,6 +4,7 @@ import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { BaseInputComponent, OnPersistAsync, OnValueChange, RepeatableSummary, UpdateComponent, UploadSource } from '../types';
 export type UploadInputComponent = BaseInputComponent<File | null> & {
     type: 'upload';
+    kind: 'input';
     format: 'blob' | 'base64';
     cameraConfig?: JsonElement;
     maxSize?: number;

package/build/types/revamp/domain/components/searchComponent/SearchComponent.d.ts

@@ -13,6 +13,7 @@ export type SearchProps = {
 export type PerformSearch = (props: SearchProps) => Promise<SearchResult[]>;
 export type SearchComponent = BaseLayoutComponent & {
     type: 'search';
+    kind: 'layout';
     emptyMessage: string;
     isLoading: boolean;
     query: string;

package/build/types/revamp/domain/components/step/ExternalConfirmationComponent.d.ts

@@ -1,6 +1,7 @@
 import { BaseComponent, UpdateComponent } from '../../types';
 export type ExternalConfirmationComponent = BaseComponent & {
     type: 'external-confirmation';
+    kind: 'layout';
     uid: string;
     status: 'initial' | 'success' | 'failure' | 'dismissed';
     url: string;

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

@@ -1,13 +1,14 @@
-import type { BaseComponent, DomainComponent, SchemaComponent, LayoutComponent, LoadingState, LocalValue, OnBehavior, UpdateComponent } from '../../types';
+import type { BaseComponent, DomainComponent, LayoutComponent, LoadingState, LocalValue, OnBehavior, SchemaComponent, UpdateComponent } from '../../types';
 import { Model } from '@wise/dynamic-flow-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';
-import { ModalContentComponent } from '../ModalContentComponent';
+import { ModalComponent } from '../ModalComponent';
 import { ExternalConfirmationComponent } from './ExternalConfirmationComponent';
 export type StepDomainComponent = BaseComponent & {
     type: 'step';
+    kind: 'step';
     back?: BackNavigation;
     layoutComponents: LayoutComponent[];
     schemaComponents: SchemaComponent[];
@@ -18,12 +19,12 @@ export type StepDomainComponent = BaseComponent & {
     loadingState: LoadingState;
     step: Step;
     title?: string;
-    modals: ModalContentComponent[];
+    modals: ModalComponent[];
     dismissModal: () => void;
     dismissAllModals: () => void;
-    showModal: (modal: ModalContentComponent) => void;
+    showModal: (modal: ModalComponent) => void;
     getChildren: () => DomainComponent[];
-    getModals: () => ModalContentComponent[];
+    getModals: () => ModalComponent[];
     getLocalValue: () => LocalValue;
     getSubmittableValue: () => Promise<Model>;
     validate: () => boolean;

package/build/types/revamp/domain/mappers/layout/modalLayoutToComponent.d.ts

@@ -1,4 +1,4 @@
 import type { ModalLayout } from '@wise/dynamic-flow-types/build/next';
 import type { SchemaComponent } from '../../types';
 import type { MapperProps } from '../schema/types';
-export declare const modalLayoutToComponent: (uid: string, { analyticsId, content, control, margin, trigger }: ModalLayout, mapperProps: MapperProps, schemaComponents: SchemaComponent[]) => import("../../components/ModalComponent").ModalComponent;
+export declare const modalLayoutToComponent: (uid: string, { analyticsId, content, control, margin, trigger }: ModalLayout, mapperProps: MapperProps, schemaComponents: SchemaComponent[]) => import("../../components/ModalLayoutComponent").ModalLayoutComponent;

package/build/types/revamp/domain/mappers/layout/modalToContent.d.ts

@@ -1,5 +1,5 @@
 import { ModalBehavior } from '@wise/dynamic-flow-types/build/next';
-import { ModalContentComponent } from '../../components/ModalContentComponent';
+import { ModalComponent } from '../../components/ModalComponent';
 import type { SchemaComponent } from '../../types';
 import type { MapperProps } from '../schema/types';
-export declare const modalToContent: (uid: string, { content, title }: ModalBehavior, mapperProps: MapperProps, schemaComponents: SchemaComponent[]) => ModalContentComponent;
+export declare const modalToContent: (uid: string, { content, title }: ModalBehavior, mapperProps: MapperProps, schemaComponents: SchemaComponent[]) => ModalComponent;