@wise/dynamic-flow-types 3.3.5 → 3.4.0

package/build/main.js

@@ -495,6 +495,13 @@ var decisionLayoutOptionSchema = import_zod.z.lazy(
     inlineAlert: inlineAlertSchema.optional()
   })
 );
+var sectionLayoutCallToActionSchema = import_zod.z.lazy(
+  () => import_zod.z.object({
+    title: import_zod.z.string(),
+    accessibilityDescription: import_zod.z.string().optional(),
+    behavior: behaviorSchema
+  })
+);
 var statusListLayoutSchema = import_zod.z.lazy(
   () => import_zod.z.object({
     type: import_zod.z.literal("status-list"),
@@ -514,11 +521,14 @@ var statusListLayoutItemSchema = import_zod.z.lazy(
     tag: import_zod.z.string().optional()
   })
 );
-var itemCallToActionSchema = import_zod.z.lazy(
+var sectionLayoutSchema = import_zod.z.lazy(
   () => import_zod.z.object({
+    type: import_zod.z.literal("section"),
+    components: import_zod.z.array(layoutSchema),
     title: import_zod.z.string(),
-    accessibilityDescription: import_zod.z.string().optional(),
-    behavior: behaviorSchema
+    callToAction: sectionLayoutCallToActionSchema.optional(),
+    control: import_zod.z.string().optional(),
+    margin: sizeSchema.optional()
   })
 );
 var layoutSchema = import_zod.z.lazy(
@@ -541,9 +551,17 @@ var layoutSchema = import_zod.z.lazy(
     paragraphLayoutSchema,
     reviewLayoutSchema,
     searchLayoutSchema,
+    sectionLayoutSchema,
     statusListLayoutSchema
   ])
 );
+var itemCallToActionSchema = import_zod.z.lazy(
+  () => import_zod.z.object({
+    title: import_zod.z.string(),
+    accessibilityDescription: import_zod.z.string().optional(),
+    behavior: behaviorSchema
+  })
+);
 var boxLayoutSchema = import_zod.z.lazy(
   () => import_zod.z.object({
     type: import_zod.z.literal("box"),

package/build/main.mjs

@@ -467,6 +467,13 @@ var decisionLayoutOptionSchema = z.lazy(
     inlineAlert: inlineAlertSchema.optional()
   })
 );
+var sectionLayoutCallToActionSchema = z.lazy(
+  () => z.object({
+    title: z.string(),
+    accessibilityDescription: z.string().optional(),
+    behavior: behaviorSchema
+  })
+);
 var statusListLayoutSchema = z.lazy(
   () => z.object({
     type: z.literal("status-list"),
@@ -486,11 +493,14 @@ var statusListLayoutItemSchema = z.lazy(
     tag: z.string().optional()
   })
 );
-var itemCallToActionSchema = z.lazy(
+var sectionLayoutSchema = z.lazy(
   () => z.object({
+    type: z.literal("section"),
+    components: z.array(layoutSchema),
     title: z.string(),
-    accessibilityDescription: z.string().optional(),
-    behavior: behaviorSchema
+    callToAction: sectionLayoutCallToActionSchema.optional(),
+    control: z.string().optional(),
+    margin: sizeSchema.optional()
   })
 );
 var layoutSchema = z.lazy(
@@ -513,9 +523,17 @@ var layoutSchema = z.lazy(
     paragraphLayoutSchema,
     reviewLayoutSchema,
     searchLayoutSchema,
+    sectionLayoutSchema,
     statusListLayoutSchema
   ])
 );
+var itemCallToActionSchema = z.lazy(
+  () => z.object({
+    title: z.string(),
+    accessibilityDescription: z.string().optional(),
+    behavior: behaviorSchema
+  })
+);
 var boxLayoutSchema = z.lazy(
   () => z.object({
     type: z.literal("box"),

package/build/next/index.d.ts

@@ -50,6 +50,8 @@ export type { ReviewLayout } from './layout/ReviewLayout';
 export type { ReviewLayoutCallToAction } from './layout/ReviewLayoutCallToAction';
 export type { ReviewLayoutField } from './layout/ReviewLayoutField';
 export type { SearchLayout } from './layout/SearchLayout';
+export type { SectionLayout } from './layout/SectionLayout';
+export type { SectionLayoutCallToAction } from './layout/SectionLayoutCallToAction';
 export type { StatusListLayout } from './layout/StatusListLayout';
 export type { StatusListLayoutItem } from './layout/StatusListLayoutItem';
 export type { StatusListLayoutStatus } from './layout/StatusListLayoutStatus';

package/build/next/layout/Layout.d.ts

@@ -16,8 +16,9 @@ import type { ModalLayout } from './ModalLayout';
 import type { ParagraphLayout } from './ParagraphLayout';
 import type { ReviewLayout } from './ReviewLayout';
 import type { SearchLayout } from './SearchLayout';
+import type { SectionLayout } from './SectionLayout';
 import type { StatusListLayout } from './StatusListLayout';
 /**
 * Layouts allow you to display information to the user and customise how a step is structured.
 */
-export type Layout = AlertLayout | BoxLayout | ButtonLayout | ColumnsLayout | DecisionLayout | DividerLayout | FormLayout | HeadingLayout | ImageLayout | InfoLayout | InstructionsLayout | ListLayout | LoadingIndicatorLayout | MarkdownLayout | ModalLayout | ParagraphLayout | ReviewLayout | SearchLayout | StatusListLayout;
+export type Layout = AlertLayout | BoxLayout | ButtonLayout | ColumnsLayout | DecisionLayout | DividerLayout | FormLayout | HeadingLayout | ImageLayout | InfoLayout | InstructionsLayout | ListLayout | LoadingIndicatorLayout | MarkdownLayout | ModalLayout | ParagraphLayout | ReviewLayout | SearchLayout | SectionLayout | StatusListLayout;

package/build/next/layout/SectionLayout.d.ts

@@ -0,0 +1,32 @@
+import type { Layout } from './Layout';
+import type { SectionLayoutCallToAction } from './SectionLayoutCallToAction';
+import type { Size } from '../misc/Size';
+/**
+* A container for a group of layout components topped with a section header.
+*/
+export type SectionLayout = {
+    /**
+    * It must be 'section'.
+    */
+    type: 'section';
+    /**
+    * The contained components.
+    */
+    components: Layout[];
+    /**
+    * The user-facing title.
+    */
+    title: string;
+    /**
+    * A titled call to action which can be performed by the user.
+    */
+    callToAction?: SectionLayoutCallToAction;
+    /**
+    * Specify a particular control to use to represent the layout. If the control is unknown, it will be ignored.
+    */
+    control?: string;
+    /**
+    * The vertical margin to apply after this component. Defaults to `md`.
+    */
+    margin?: Size;
+};

package/build/next/layout/SectionLayoutCallToAction.d.ts

@@ -0,0 +1,18 @@
+import type { Behavior } from '../feature/Behavior';
+/**
+* The call to action configuration used by [com.wise.dynamicflow.layout.SectionLayout].
+*/
+export type SectionLayoutCallToAction = {
+    /**
+    * A user-facing title.
+    */
+    title: string;
+    /**
+    * A description of the call to action to be used by screen readers.
+    */
+    accessibilityDescription?: string;
+    /**
+    * Behavior that should be performed when user interacts with call to action.
+    */
+    behavior: Behavior;
+};

package/build/renderers/AlertRendererProps.d.ts

@@ -1,3 +1,4 @@
+import { CallToAction } from './CallToAction';
 import { Context, Margin } from './constants';
 import { BaseRendererProps } from './RendererProps';
 export type AlertRendererProps = BaseRendererProps & {
@@ -6,15 +7,5 @@ export type AlertRendererProps = BaseRendererProps & {
     context: Context;
     margin: Margin;
     markdown: string;
-    callToAction?: AlertCallToAction;
+    callToAction?: CallToAction;
 };
-export type AlertCallToAction = {
-    title: string;
-    accessibilityDescription?: string;
-} & ({
-    type: 'link';
-    href: string;
-} | {
-    type: 'action' | 'dismiss' | 'modal';
-    onClick: () => void;
-});

package/build/renderers/CallToAction.d.ts

@@ -0,0 +1,8 @@
+export type CallToAction = {
+    /** @deprecated */
+    type: string;
+    accessibilityDescription?: string;
+    href?: string;
+    title: string;
+    onClick: () => void;
+};

package/build/renderers/ListRendererProps.d.ts

@@ -1,11 +1,12 @@
 import { SupportingValues } from '../next';
+import { CallToAction } from './CallToAction';
 import { Icon } from './Icon';
 import { Image } from './Image';
 import { BaseRendererProps } from './RendererProps';
 import { AdditionalInfo, InlineAlert, Margin } from './constants';
 export type ListRendererProps = BaseRendererProps & {
     type: 'list';
-    callToAction?: ListCallToAction;
+    callToAction?: CallToAction;
     control?: string;
     items: ListItem[];
     margin: Margin;
@@ -30,13 +31,3 @@ export type ListItem = {
     /** @experimental This feature may be changed in the future without notice. */
     inlineAlert?: InlineAlert;
 };
-export type ListCallToAction = {
-    accessibilityDescription?: string;
-    title: string;
-    onClick: () => void;
-} & ({
-    type: 'action' | 'modal' | 'dismiss';
-} | {
-    type: 'link';
-    href: string;
-});

package/build/renderers/RendererProps.d.ts

@@ -1,39 +1,40 @@
-import { AlertRendererProps } from './AlertRendererProps';
-import { BoxRendererProps } from './BoxRendererProps';
-import { ButtonRendererProps } from './ButtonRendererProps';
-import { CheckboxInputRendererProps } from './CheckboxInputRendererProps';
-import { ColumnsRendererProps } from './ColumnsRendererProps';
-import { CoreContainerRendererProps } from './CoreContainerRendererProps';
-import { DateInputRendererProps } from './DateInputRendererProps';
-import { DecisionRendererProps } from './DecisionRendererProps';
-import { DividerRendererProps } from './DividerRendererProps';
-import { ExternalConfirmationRendererProps } from './ExternalConfirmationRendererProps';
-import { FormRendererProps } from './FormRendererProps';
-import { HeadingRendererProps } from './HeadingRendererProps';
-import { HiddenRendererProps } from './HiddenRendererProps';
-import { ImageRendererProps } from './ImageRendererProps';
-import { InstructionsRendererProps } from './InstructionsRendererProps';
-import { IntegerInputRendererProps } from './IntegerInputRendererProps';
-import { ListRendererProps } from './ListRendererProps';
-import { LoadingIndicatorRendererProps } from './LoadingIndicatorRendererProps';
-import { MarkdownRendererProps } from './MarkdownRendererProps';
-import { ModalContentRendererProps } from './ModalContentRendererProps';
-import { ModalRendererProps } from './ModalRendererProps';
-import { MultiSelectInputRendererProps } from './MultiSelectInputRendererProps';
-import { MultiUploadInputRendererProps } from './MultiUploadInputRendererProps';
-import { NumberInputRendererProps } from './NumberInputRendererProps';
-import { ParagraphRendererProps } from './ParagraphRendererProps';
-import { RepeatableRendererProps } from './RepeatableRendererProps';
-import { ReviewRendererProps } from './ReviewRendererProps';
-import { RootRendererProps } from './RootRendererProps';
-import { SearchRendererProps } from './SearchRendererProps';
-import { FormSectionRendererProps } from './FormSectionRendererProps';
-import { SelectInputRendererProps } from './SelectInputRendererProps';
-import { StatusListRendererProps } from './StatusListRendererProps';
-import { AnalyticsEventDispatcher, LoadingState, StepRendererProps } from './StepRendererProps';
-import { TextInputRendererProps } from './TextInputRendererProps';
-import { UploadInputRendererProps } from './UploadInputRendererProps';
-export type RendererProps = AlertRendererProps | CheckboxInputRendererProps | BoxRendererProps | ButtonRendererProps | ColumnsRendererProps | CoreContainerRendererProps | DateInputRendererProps | DecisionRendererProps | DividerRendererProps | ExternalConfirmationRendererProps | FormRendererProps | HeadingRendererProps | HiddenRendererProps | ImageRendererProps | InstructionsRendererProps | IntegerInputRendererProps | ListRendererProps | LoadingIndicatorRendererProps | MarkdownRendererProps | ModalRendererProps | ModalContentRendererProps | MultiSelectInputRendererProps | MultiUploadInputRendererProps | NumberInputRendererProps | ParagraphRendererProps | RepeatableRendererProps | ReviewRendererProps | RootRendererProps | SearchRendererProps | FormSectionRendererProps | SelectInputRendererProps | StatusListRendererProps | StepRendererProps | TextInputRendererProps | UploadInputRendererProps;
+import type { AlertRendererProps } from './AlertRendererProps';
+import type { BoxRendererProps } from './BoxRendererProps';
+import type { ButtonRendererProps } from './ButtonRendererProps';
+import type { CheckboxInputRendererProps } from './CheckboxInputRendererProps';
+import type { ColumnsRendererProps } from './ColumnsRendererProps';
+import type { CoreContainerRendererProps } from './CoreContainerRendererProps';
+import type { DateInputRendererProps } from './DateInputRendererProps';
+import type { DecisionRendererProps } from './DecisionRendererProps';
+import type { DividerRendererProps } from './DividerRendererProps';
+import type { ExternalConfirmationRendererProps } from './ExternalConfirmationRendererProps';
+import type { FormRendererProps } from './FormRendererProps';
+import type { FormSectionRendererProps } from './FormSectionRendererProps';
+import type { HeadingRendererProps } from './HeadingRendererProps';
+import type { HiddenRendererProps } from './HiddenRendererProps';
+import type { ImageRendererProps } from './ImageRendererProps';
+import type { InstructionsRendererProps } from './InstructionsRendererProps';
+import type { IntegerInputRendererProps } from './IntegerInputRendererProps';
+import type { ListRendererProps } from './ListRendererProps';
+import type { LoadingIndicatorRendererProps } from './LoadingIndicatorRendererProps';
+import type { MarkdownRendererProps } from './MarkdownRendererProps';
+import type { ModalContentRendererProps } from './ModalContentRendererProps';
+import type { ModalRendererProps } from './ModalRendererProps';
+import type { MultiSelectInputRendererProps } from './MultiSelectInputRendererProps';
+import type { MultiUploadInputRendererProps } from './MultiUploadInputRendererProps';
+import type { NumberInputRendererProps } from './NumberInputRendererProps';
+import type { ParagraphRendererProps } from './ParagraphRendererProps';
+import type { RepeatableRendererProps } from './RepeatableRendererProps';
+import type { ReviewRendererProps } from './ReviewRendererProps';
+import type { RootRendererProps } from './RootRendererProps';
+import type { SearchRendererProps } from './SearchRendererProps';
+import type { SectionRendererProps } from './SectionRendererProps';
+import type { SelectInputRendererProps } from './SelectInputRendererProps';
+import type { StatusListRendererProps } from './StatusListRendererProps';
+import type { AnalyticsEventDispatcher, LoadingState, StepRendererProps } from './StepRendererProps';
+import type { TextInputRendererProps } from './TextInputRendererProps';
+import type { UploadInputRendererProps } from './UploadInputRendererProps';
+export type RendererProps = AlertRendererProps | CheckboxInputRendererProps | BoxRendererProps | ButtonRendererProps | ColumnsRendererProps | CoreContainerRendererProps | DateInputRendererProps | DecisionRendererProps | DividerRendererProps | ExternalConfirmationRendererProps | FormRendererProps | HeadingRendererProps | HiddenRendererProps | ImageRendererProps | InstructionsRendererProps | IntegerInputRendererProps | ListRendererProps | LoadingIndicatorRendererProps | MarkdownRendererProps | ModalRendererProps | ModalContentRendererProps | MultiSelectInputRendererProps | MultiUploadInputRendererProps | NumberInputRendererProps | ParagraphRendererProps | RepeatableRendererProps | ReviewRendererProps | RootRendererProps | SearchRendererProps | FormSectionRendererProps | SelectInputRendererProps | SectionRendererProps | StatusListRendererProps | StepRendererProps | TextInputRendererProps | UploadInputRendererProps;
 export type Renderer<P extends RendererProps> = {
     canRenderType: P['type'];
     canRender?: (props: P) => boolean;
@@ -43,7 +44,7 @@ export type RendererContext = {
     render: RenderFunction;
 };
 export type RenderFunction = (props: RendererProps | null) => JSX.Element | null;
-export type Renderers = readonly (Renderer<StepRendererProps> | Renderer<CoreContainerRendererProps> | Renderer<AlertRendererProps> | Renderer<BoxRendererProps> | Renderer<ColumnsRendererProps> | Renderer<DecisionRendererProps> | Renderer<DividerRendererProps> | Renderer<ExternalConfirmationRendererProps> | Renderer<FormRendererProps> | Renderer<HeadingRendererProps> | Renderer<InstructionsRendererProps> | Renderer<ListRendererProps> | Renderer<LoadingIndicatorRendererProps> | Renderer<MarkdownRendererProps> | Renderer<ImageRendererProps> | Renderer<ModalRendererProps> | Renderer<ModalContentRendererProps> | Renderer<ParagraphRendererProps> | Renderer<ReviewRendererProps> | Renderer<SearchRendererProps> | Renderer<StatusListRendererProps> | Renderer<CheckboxInputRendererProps> | Renderer<ButtonRendererProps> | Renderer<DateInputRendererProps> | Renderer<HiddenRendererProps> | Renderer<IntegerInputRendererProps> | Renderer<NumberInputRendererProps> | Renderer<RepeatableRendererProps> | Renderer<RootRendererProps> | Renderer<FormSectionRendererProps> | Renderer<SelectInputRendererProps> | Renderer<MultiSelectInputRendererProps> | Renderer<TextInputRendererProps> | Renderer<UploadInputRendererProps> | Renderer<MultiUploadInputRendererProps>)[];
+export type Renderers = readonly (Renderer<StepRendererProps> | Renderer<CoreContainerRendererProps> | Renderer<AlertRendererProps> | Renderer<BoxRendererProps> | Renderer<ColumnsRendererProps> | Renderer<DecisionRendererProps> | Renderer<DividerRendererProps> | Renderer<ExternalConfirmationRendererProps> | Renderer<FormRendererProps> | Renderer<HeadingRendererProps> | Renderer<InstructionsRendererProps> | Renderer<ListRendererProps> | Renderer<LoadingIndicatorRendererProps> | Renderer<MarkdownRendererProps> | Renderer<ImageRendererProps> | Renderer<ModalRendererProps> | Renderer<ModalContentRendererProps> | Renderer<ParagraphRendererProps> | Renderer<ReviewRendererProps> | Renderer<SearchRendererProps> | Renderer<StatusListRendererProps> | Renderer<CheckboxInputRendererProps> | Renderer<ButtonRendererProps> | Renderer<DateInputRendererProps> | Renderer<HiddenRendererProps> | Renderer<IntegerInputRendererProps> | Renderer<NumberInputRendererProps> | Renderer<RepeatableRendererProps> | Renderer<RootRendererProps> | Renderer<FormSectionRendererProps> | Renderer<SelectInputRendererProps> | Renderer<SectionRendererProps> | Renderer<MultiSelectInputRendererProps> | Renderer<TextInputRendererProps> | Renderer<UploadInputRendererProps> | Renderer<MultiUploadInputRendererProps>)[];
 export type BaseRendererProps = {
     uid: string;
     render: RenderFunction;

package/build/renderers/ReviewRendererProps.d.ts

@@ -1,3 +1,4 @@
+import { CallToAction } from './CallToAction';
 import { AdditionalInfo, InlineAlert, Margin } from './constants';
 import { Icon } from './Icon';
 import { Image } from './Image';
@@ -8,7 +9,7 @@ export type ReviewRendererProps = BaseRendererProps & {
     fields: ReviewField[];
     margin: Margin;
     title?: string;
-    callToAction?: ReviewCallToAction;
+    callToAction?: CallToAction;
 };
 export type ReviewField = {
     help?: string;
@@ -21,15 +22,9 @@ export type ReviewField = {
     /** @experimental This feature may be changed in the future without notice. */
     inlineAlert?: InlineAlert;
     /** @experimental This feature may be changed in the future without notice. */
-    callToAction?: ReviewCallToAction;
+    callToAction?: CallToAction;
     /** @experimental This feature may be changed in the future without notice. */
     icon?: Icon;
     /** @experimental This feature may be changed in the future without notice. */
     image?: Image;
 };
-export type ReviewCallToAction = {
-    accessibilityDescription?: string;
-    href?: string;
-    title: string;
-    onClick: () => void;
-};

package/build/renderers/SectionRendererProps.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { CallToAction } from './CallToAction';
+import { Margin } from './constants';
+import { BaseRendererProps, RendererProps } from './RendererProps';
+export type SectionRendererProps = BaseRendererProps & {
+    type: 'section';
+    control?: string;
+    title: string;
+    children: ReactNode;
+    childrenProps: RendererProps[];
+    margin: Margin;
+    callToAction?: CallToAction;
+};

package/build/renderers/StatusListRendererProps.d.ts

@@ -1,3 +1,4 @@
+import { CallToAction } from './CallToAction';
 import { Icon } from './Icon';
 import { BaseRendererProps } from './RendererProps';
 import { Margin } from './constants';
@@ -13,13 +14,7 @@ export type StatusListItem = {
     icon: Icon;
     status?: 'done' | 'not-done' | 'pending';
     title: string;
-    callToAction?: StatusListItemCallToAction;
+    callToAction?: CallToAction;
     tag?: string;
 };
-export type StatusListItemCallToAction = {
-    accessibilityDescription?: string;
-    href?: string;
-    title: string;
-    onClick: () => void;
-};
 export type StatusListItemStatus = 'done' | 'not-done' | 'pending';

package/build/renderers/index.d.ts

@@ -1,4 +1,5 @@
-export type { AlertCallToAction, AlertRendererProps } from './AlertRendererProps';
+import type { CallToAction } from './CallToAction';
+export type { AlertRendererProps } from './AlertRendererProps';
 export type { BoxRendererProps } from './BoxRendererProps';
 export type { ButtonRendererProps } from './ButtonRendererProps';
 export type { CheckboxInputRendererProps } from './CheckboxInputRendererProps';
@@ -9,6 +10,7 @@ export type { DecisionOption, DecisionRendererProps } from './DecisionRendererPr
 export type { DividerRendererProps } from './DividerRendererProps';
 export type { ExternalConfirmationRendererProps } from './ExternalConfirmationRendererProps';
 export type { FormRendererProps } from './FormRendererProps';
+export type { FormSectionRendererProps } from './FormSectionRendererProps';
 export type { HeadingRendererProps } from './HeadingRendererProps';
 export type { HiddenRendererProps } from './HiddenRendererProps';
 export type { ImageRendererProps } from './ImageRendererProps';
@@ -23,14 +25,14 @@ export type { MultiSelectInputRendererProps } from './MultiSelectInputRendererPr
 export type { MultiUploadInputRendererProps } from './MultiUploadInputRendererProps';
 export type { NumberInputRendererProps } from './NumberInputRendererProps';
 export type { ParagraphRendererProps } from './ParagraphRendererProps';
-export type { RepeatableItemRendererProps, RepeatableRendererProps } from './RepeatableRendererProps';
-export type { ReviewCallToAction, ReviewField, ReviewRendererProps } from './ReviewRendererProps';
+export type { RepeatableItemRendererProps, RepeatableRendererProps, } from './RepeatableRendererProps';
+export type { ReviewField, ReviewRendererProps } from './ReviewRendererProps';
 export type { RootRendererProps } from './RootRendererProps';
-export type { ErrorSearchState, NoResultsSearchState, PendingSearchState, ResultsSearchState, SearchRendererProps, SearchResult, SearchState } from './SearchRendererProps';
-export type { FormSectionRendererProps } from './FormSectionRendererProps';
-export type { SelectInputRendererOption, SelectInputRendererProps } from './SelectInputRendererProps';
-export type { StatusListItem, StatusListItemCallToAction, StatusListItemStatus, StatusListRendererProps } from './StatusListRendererProps';
-export type { AnalyticsEventDispatcher, LoadingState, StepRendererProps } from './StepRendererProps';
+export type { ErrorSearchState, NoResultsSearchState, PendingSearchState, ResultsSearchState, SearchRendererProps, SearchResult, SearchState, } from './SearchRendererProps';
+export type { SectionRendererProps } from './SectionRendererProps';
+export type { SelectInputRendererOption, SelectInputRendererProps, } from './SelectInputRendererProps';
+export type { StatusListItem, StatusListItemStatus, StatusListRendererProps, } from './StatusListRendererProps';
+export type { AnalyticsEventDispatcher, LoadingState, StepRendererProps, } from './StepRendererProps';
 export type { TextInputRendererProps } from './TextInputRendererProps';
 export type { UploadInputRendererProps } from './UploadInputRendererProps';
 export type { ValidationResult } from './BaseInputRendererProps';
@@ -38,3 +40,10 @@ export type { Align, Context, Margin, Size } from './constants';
 export type { Icon } from './Icon';
 export type { Image } from './Image';
 export type { Renderer, RendererProps, Renderers, RenderFunction } from './RendererProps';
+export type { CallToAction } from './CallToAction';
+/** @deprecated Please use `CallToAction` instead. */
+export type AlertCallToAction = CallToAction;
+/** @deprecated Please use `CallToAction` instead. */
+export type ReviewCallToAction = CallToAction;
+/** @deprecated Please use `CallToAction` instead. */
+export type StatusListItemCallToAction = CallToAction;

package/build/zod/schemas.d.ts

@@ -1,5 +1,5 @@
 import { z } from 'zod';
-import type { JsonElement, AdditionalInfo, Behavior, ReviewLayoutCallToAction, AlertLayout, AlertLayoutCallToAction, ListLayout, ListLayoutCallToAction, ListLayoutItem, DecisionLayout, DecisionLayoutOption, StatusListLayout, StatusListLayoutItem, ItemCallToAction, Layout, BoxLayout, ButtonLayout, ColumnsLayout, ModalLayout, ReviewLayout, ReviewLayoutField, ModalLayoutContent, ModalResponseBody, Step, Schema, Polling, LinkHandler, AllOfSchema, ArraySchema, BlobSchema, BooleanSchema, ConstSchema, IntegerSchema, NumberSchema, ObjectSchema, OneOfSchema, StringSchema, ArraySchemaList, PersistAsync, ArraySchemaTuple, PollingOnError, ModalBehavior } from '../next';
+import type { JsonElement, AdditionalInfo, Behavior, ReviewLayoutCallToAction, AlertLayout, AlertLayoutCallToAction, ListLayout, ListLayoutCallToAction, ListLayoutItem, DecisionLayout, DecisionLayoutOption, SectionLayoutCallToAction, StatusListLayout, StatusListLayoutItem, SectionLayout, Layout, ItemCallToAction, BoxLayout, ButtonLayout, ColumnsLayout, ModalLayout, ReviewLayout, ReviewLayoutField, ModalLayoutContent, ModalResponseBody, Step, Schema, Polling, LinkHandler, AllOfSchema, ArraySchema, BlobSchema, BooleanSchema, ConstSchema, IntegerSchema, NumberSchema, ObjectSchema, OneOfSchema, StringSchema, ArraySchemaList, PersistAsync, ArraySchemaTuple, PollingOnError, ModalBehavior } from '../next';
 export declare const imageSchema: z.ZodObject<{
     text: z.ZodOptional<z.ZodString>;
     url: z.ZodOptional<z.ZodString>;
@@ -2213,10 +2213,12 @@ export declare const listLayoutCallToActionSchema: z.ZodSchema<ListLayoutCallToA
 export declare const listLayoutItemSchema: z.ZodSchema<ListLayoutItem>;
 export declare const decisionLayoutSchema: z.ZodSchema<DecisionLayout>;
 export declare const decisionLayoutOptionSchema: z.ZodSchema<DecisionLayoutOption>;
+export declare const sectionLayoutCallToActionSchema: z.ZodSchema<SectionLayoutCallToAction>;
 export declare const statusListLayoutSchema: z.ZodSchema<StatusListLayout>;
 export declare const statusListLayoutItemSchema: z.ZodSchema<StatusListLayoutItem>;
-export declare const itemCallToActionSchema: z.ZodSchema<ItemCallToAction>;
+export declare const sectionLayoutSchema: z.ZodSchema<SectionLayout>;
 export declare const layoutSchema: z.ZodSchema<Layout>;
+export declare const itemCallToActionSchema: z.ZodSchema<ItemCallToAction>;
 export declare const boxLayoutSchema: z.ZodSchema<BoxLayout>;
 export declare const buttonLayoutSchema: z.ZodSchema<ButtonLayout>;
 export declare const columnsLayoutSchema: z.ZodSchema<ColumnsLayout>;

package/build/zod/schemas.ts

@@ -29,6 +29,8 @@ import type {
   DecisionLayout,
   DecisionLayoutOption,
   ColumnsLayout,
+  SectionLayout,
+  SectionLayoutCallToAction,
   ListLayout,
   ListLayoutCallToAction,
   ReviewLayoutCallToAction,
@@ -849,6 +851,7 @@ export const layoutSchema: z.ZodSchema<Layout> = z.lazy(() =>
     paragraphLayoutSchema,
     reviewLayoutSchema,
     searchLayoutSchema,
+    sectionLayoutSchema,
     statusListLayoutSchema,
   ]),
 );
@@ -963,6 +966,25 @@ export const columnsLayoutSchema: z.ZodSchema<ColumnsLayout> = z.lazy(() =>
   }),
 );
 
+export const sectionLayoutSchema: z.ZodSchema<SectionLayout> = z.lazy(() =>
+  z.object({
+    type: z.literal('section'),
+    components: z.array(layoutSchema),
+    title: z.string(),
+    callToAction: sectionLayoutCallToActionSchema.optional(),
+    control: z.string().optional(),
+    margin: sizeSchema.optional(),
+  }),
+);
+
+export const sectionLayoutCallToActionSchema: z.ZodSchema<SectionLayoutCallToAction> = z.lazy(() =>
+  z.object({
+    title: z.string(),
+    accessibilityDescription: z.string().optional(),
+    behavior: behaviorSchema,
+  }),
+);
+
 export const listLayoutSchema: z.ZodSchema<ListLayout> = z.lazy(() =>
   z.object({
     type: z.literal('list'),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-types",
-  "version": "3.3.5",
+  "version": "3.4.0",
   "description": "Dynamic Flow TypeScript Types",
   "license": "Apache-2.0",
   "repository": {