@wise/dynamic-flow-types 4.6.0 → 4.8.0

package/build/renderers/CallToAction.d.ts

@@ -1,6 +1,8 @@
+import { Context } from './constants';
 export type CallToAction = {
     accessibilityDescription?: string;
     href?: string;
     title: string;
+    context?: Context;
     onClick: () => void;
 };

package/build/renderers/MediaRendererProps.d.ts

@@ -0,0 +1,10 @@
+import { Align, Margin, Size } from './constants';
+import { Media } from './Media';
+import { BaseRendererProps } from './RendererProps';
+export type MediaRendererProps = BaseRendererProps & {
+    type: 'media';
+    media: Media;
+    align: Align;
+    margin: Margin;
+    size: Size;
+};

package/build/renderers/RendererProps.d.ts

@@ -20,6 +20,7 @@ import type { IntegerInputRendererProps } from './IntegerInputRendererProps';
 import type { ListRendererProps } from './ListRendererProps';
 import type { LoadingIndicatorRendererProps } from './LoadingIndicatorRendererProps';
 import type { MarkdownRendererProps } from './MarkdownRendererProps';
+import type { MediaRendererProps } from './MediaRendererProps';
 import type { ModalLayoutRendererProps } from './ModalLayoutRendererProps';
 import type { ModalRendererProps } from './ModalRendererProps';
 import type { MoneyInputRendererProps } from './MoneyInputRendererProps';
@@ -40,7 +41,8 @@ import { SubflowRendererProps } from './SubflowRendererProps';
 import { TabsRendererProps } from './TabsRendererProps';
 import type { TextInputRendererProps } from './TextInputRendererProps';
 import type { UploadInputRendererProps } from './UploadInputRendererProps';
-export type RendererProps = AlertRendererProps | CheckboxInputRendererProps | BoxRendererProps | ButtonRendererProps | ColumnsRendererProps | CoreContainerRendererProps | DateInputRendererProps | DecisionRendererProps | DividerRendererProps | ExternalConfirmationRendererProps | FormattedValueRendererProps | FormRendererProps | HeadingRendererProps | HiddenRendererProps | ImageRendererProps | InstructionsRendererProps | IntegerInputRendererProps | ListRendererProps | LoadingIndicatorRendererProps | MarkdownRendererProps | ModalLayoutRendererProps | ModalRendererProps | MoneyInputRendererProps | MultiSelectInputRendererProps | MultiUploadInputRendererProps | NumberInputRendererProps | ParagraphRendererProps | ProgressRendererProps | RepeatableRendererProps | ReviewRendererProps | RootRendererProps | SearchRendererProps | FormSectionRendererProps | SelectInputRendererProps | SectionRendererProps | StatusListRendererProps | StepRendererProps | SubflowRendererProps | TabsRendererProps | TextInputRendererProps | UploadInputRendererProps;
+import type { UpsellRendererProps } from './UpsellRendererProps';
+export type RendererProps = AlertRendererProps | CheckboxInputRendererProps | BoxRendererProps | ButtonRendererProps | ColumnsRendererProps | CoreContainerRendererProps | DateInputRendererProps | DecisionRendererProps | DividerRendererProps | ExternalConfirmationRendererProps | FormattedValueRendererProps | FormRendererProps | HeadingRendererProps | HiddenRendererProps | ImageRendererProps | InstructionsRendererProps | IntegerInputRendererProps | ListRendererProps | LoadingIndicatorRendererProps | MarkdownRendererProps | MediaRendererProps | ModalLayoutRendererProps | ModalRendererProps | MoneyInputRendererProps | MultiSelectInputRendererProps | MultiUploadInputRendererProps | NumberInputRendererProps | ParagraphRendererProps | ProgressRendererProps | RepeatableRendererProps | ReviewRendererProps | RootRendererProps | SearchRendererProps | FormSectionRendererProps | SelectInputRendererProps | SectionRendererProps | StatusListRendererProps | StepRendererProps | SubflowRendererProps | TabsRendererProps | TextInputRendererProps | UploadInputRendererProps | UpsellRendererProps;
 export type Renderer<P extends RendererProps> = {
     canRenderType: P['type'];
     canRender?: (props: P) => boolean;
@@ -50,7 +52,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<FormattedValueRendererProps> | Renderer<FormRendererProps> | Renderer<HeadingRendererProps> | Renderer<InstructionsRendererProps> | Renderer<ListRendererProps> | Renderer<LoadingIndicatorRendererProps> | Renderer<MarkdownRendererProps> | Renderer<ImageRendererProps> | Renderer<ModalLayoutRendererProps> | Renderer<ModalRendererProps> | Renderer<ParagraphRendererProps> | Renderer<ProgressRendererProps> | Renderer<ReviewRendererProps> | Renderer<SearchRendererProps> | Renderer<StatusListRendererProps> | Renderer<CheckboxInputRendererProps> | Renderer<ButtonRendererProps> | Renderer<DateInputRendererProps> | Renderer<HiddenRendererProps> | Renderer<IntegerInputRendererProps> | Renderer<MoneyInputRendererProps> | Renderer<NumberInputRendererProps> | Renderer<RepeatableRendererProps> | Renderer<RootRendererProps> | Renderer<FormSectionRendererProps> | Renderer<SelectInputRendererProps> | Renderer<SectionRendererProps> | Renderer<SubflowRendererProps> | Renderer<MultiSelectInputRendererProps> | Renderer<TabsRendererProps> | 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<FormattedValueRendererProps> | Renderer<FormRendererProps> | Renderer<HeadingRendererProps> | Renderer<InstructionsRendererProps> | Renderer<ListRendererProps> | Renderer<LoadingIndicatorRendererProps> | Renderer<MarkdownRendererProps> | Renderer<ImageRendererProps> | Renderer<MediaRendererProps> | Renderer<ModalLayoutRendererProps> | Renderer<ModalRendererProps> | Renderer<ParagraphRendererProps> | Renderer<ProgressRendererProps> | Renderer<ReviewRendererProps> | Renderer<SearchRendererProps> | Renderer<StatusListRendererProps> | Renderer<CheckboxInputRendererProps> | Renderer<ButtonRendererProps> | Renderer<DateInputRendererProps> | Renderer<HiddenRendererProps> | Renderer<IntegerInputRendererProps> | Renderer<MoneyInputRendererProps> | Renderer<NumberInputRendererProps> | Renderer<RepeatableRendererProps> | Renderer<RootRendererProps> | Renderer<FormSectionRendererProps> | Renderer<SelectInputRendererProps> | Renderer<SectionRendererProps> | Renderer<SubflowRendererProps> | Renderer<MultiSelectInputRendererProps> | Renderer<TabsRendererProps> | Renderer<TextInputRendererProps> | Renderer<UploadInputRendererProps> | Renderer<MultiUploadInputRendererProps> | Renderer<UpsellRendererProps>)[];
 export type BaseRendererProps = {
     uid: string;
     analyticsId?: string;

package/build/renderers/SearchRendererProps.d.ts

@@ -6,6 +6,7 @@ import { BaseRendererProps } from './RendererProps';
 export type SearchRendererProps = BaseRendererProps & {
     type: 'search';
     id: string;
+    hint?: string;
     isLoading: boolean;
     margin: Margin;
     query: string;

package/build/renderers/UpsellRendererProps.d.ts

@@ -0,0 +1,13 @@
+import { CallToAction } from './CallToAction';
+import { Context, Margin } from './constants';
+import { Media } from './Media';
+import { BaseRendererProps } from './RendererProps';
+export type UpsellRendererProps = BaseRendererProps & {
+    type: 'upsell';
+    text: string;
+    callToAction: CallToAction;
+    media?: Media;
+    context: Context;
+    margin: Margin;
+    onDismiss?: () => void;
+};

package/build/renderers/index.d.ts

@@ -19,6 +19,7 @@ export type { IntegerInputRendererProps } from './IntegerInputRendererProps';
 export type { ListRendererProps } from './ListRendererProps';
 export type { LoadingIndicatorRendererProps } from './LoadingIndicatorRendererProps';
 export type { MarkdownRendererProps } from './MarkdownRendererProps';
+export type { MediaRendererProps } from './MediaRendererProps';
 export type { ModalLayoutRendererProps } from './ModalLayoutRendererProps';
 export type { ModalRendererProps } from './ModalRendererProps';
 export type { MoneyInputRendererProps } from './MoneyInputRendererProps';
@@ -38,6 +39,7 @@ export type { AnalyticsEventDispatcher, LoadingState, StepRendererProps, } from
 export type { Tab, TabsRendererProps } from './TabsRendererProps';
 export type { TextInputRendererProps } from './TextInputRendererProps';
 export type { UploadInputRendererProps } from './UploadInputRendererProps';
+export type { UpsellRendererProps } from './UpsellRendererProps';
 export type { ValidationResult } from './BaseInputRendererProps';
 export type { SubflowRendererProps } from './SubflowRendererProps';
 export type { Align, Context, Margin, Size } from './constants';

package/build/spec/feature/SubflowBehavior.d.ts

@@ -26,7 +26,8 @@ export type SubflowBehavior = {
     */
     onCompletion?: Behavior;
     /**
-    * The behavior performed when the subflow fails
+    * The behavior performed when the subflow fails. If not provided, the
+    * parent flow will be ended and its onError will be called.
     */
     onError?: Behavior;
 };

package/build/spec/index.d.ts

@@ -51,6 +51,7 @@ export type { ListLayoutItem } from './layout/ListLayoutItem';
 export type { ListLayoutStatus } from './layout/ListLayoutStatus';
 export type { LoadingIndicatorLayout } from './layout/LoadingIndicatorLayout';
 export type { MarkdownLayout } from './layout/MarkdownLayout';
+export type { MediaLayout } from './layout/MediaLayout';
 export type { ModalLayout } from './layout/ModalLayout';
 export type { ModalLayoutContent } from './layout/ModalLayoutContent';
 export type { ModalLayoutTrigger } from './layout/ModalLayoutTrigger';
@@ -67,6 +68,8 @@ export type { StatusListLayoutItem } from './layout/StatusListLayoutItem';
 export type { StatusListLayoutStatus } from './layout/StatusListLayoutStatus';
 export type { TabsLayout } from './layout/TabsLayout';
 export type { TabsLayoutTab } from './layout/TabsLayoutTab';
+export type { UpsellLayout } from './layout/UpsellLayout';
+export type { UpsellLayoutCallToAction } from './layout/UpsellLayoutCallToAction';
 export type FormLayout = GeneratedFormLayout & {
     schema?: Reference;
 };

package/build/spec/layout/AlertLayoutCallToAction.d.ts

@@ -1,4 +1,5 @@
 import type { Behavior } from '../feature/Behavior';
+import type { Context } from '../misc/Context';
 /**
 * The call to action configuration to be used by the Alert.
 */
@@ -15,4 +16,8 @@ export type AlertLayoutCallToAction = {
     * Behavior that should be performed when user interacts with call to action.
     */
     behavior: Behavior;
+    /**
+    * The semantics of the call-to-action button. Defaults to neutral.
+    */
+    context?: Context;
 };

package/build/spec/layout/ItemCallToAction.d.ts

@@ -1,4 +1,5 @@
 import type { Behavior } from '../feature/Behavior';
+import type { Context } from '../misc/Context';
 /**
 * The call to action configuration to be used by the status list item.
 */
@@ -15,4 +16,8 @@ export type ItemCallToAction = {
     * Behavior that should be performed when user interacts with call to action.
     */
     behavior: Behavior;
+    /**
+    * The semantics of the call-to-action button. Defaults to neutral.
+    */
+    context?: Context;
 };

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

@@ -12,6 +12,7 @@ import type { InstructionsLayout } from './InstructionsLayout';
 import type { ListLayout } from './ListLayout';
 import type { LoadingIndicatorLayout } from './LoadingIndicatorLayout';
 import type { MarkdownLayout } from './MarkdownLayout';
+import type { MediaLayout } from './MediaLayout';
 import type { ModalLayout } from './ModalLayout';
 import type { ParagraphLayout } from './ParagraphLayout';
 import type { ProgressLayout } from './ProgressLayout';
@@ -20,7 +21,8 @@ import type { SearchLayout } from './SearchLayout';
 import type { SectionLayout } from './SectionLayout';
 import type { StatusListLayout } from './StatusListLayout';
 import type { TabsLayout } from './TabsLayout';
+import type { UpsellLayout } from './UpsellLayout';
 /**
 * 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 | ProgressLayout | ReviewLayout | SearchLayout | SectionLayout | StatusListLayout | TabsLayout;
+export type Layout = AlertLayout | BoxLayout | ButtonLayout | ColumnsLayout | DecisionLayout | DividerLayout | FormLayout | HeadingLayout | ImageLayout | InfoLayout | InstructionsLayout | ListLayout | LoadingIndicatorLayout | MarkdownLayout | MediaLayout | ModalLayout | ParagraphLayout | ProgressLayout | ReviewLayout | SearchLayout | SectionLayout | StatusListLayout | TabsLayout | UpsellLayout;

package/build/spec/layout/ListLayoutCallToAction.d.ts

@@ -1,4 +1,5 @@
 import type { Behavior } from '../feature/Behavior';
+import type { Context } from '../misc/Context';
 /**
 * The call to action configuration used by [com.wise.dynamicflow.layout.ListLayout]. For example, it could be used to provide an edit action.
 */
@@ -15,4 +16,8 @@ export type ListLayoutCallToAction = {
     * Behavior that should be performed when user interacts with call to action.
     */
     behavior: Behavior;
+    /**
+    * The semantics of the call-to-action button. Defaults to neutral.
+    */
+    context?: Context;
 };

package/build/spec/layout/MediaLayout.d.ts

@@ -0,0 +1,43 @@
+import type { Media } from '../misc/media/Media';
+import type { Align } from '../misc/Align';
+import type { Size } from '../misc/Size';
+/**
+* Contains a [Media] which is added to the Layout.
+*/
+export type MediaLayout = {
+    /**
+    * It must be `media`.
+    */
+    type: 'media';
+    /**
+    * The media to display
+    */
+    media: Media;
+    /**
+    * Controls how the media should be aligned with its container. Defaults to `center`
+    */
+    align?: Align;
+    /**
+    * The horizontal size of the media. Defaults to `md`.
+    * The media is scaled down to fit the provided size while preserving the aspect ratio, and
+    * it is never stretched beyond its pixel size.
+    * When a [Media.Image] is provided, an `xl` size will allow it to fill as much space as it can.
+    */
+    size?: Size;
+    /**
+    * An optional identifier to be used in analytics tracking.
+    */
+    analyticsId?: string;
+    /**
+    * 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;
+    /**
+    * An optional list of identifiers used to configure renderers.
+    */
+    tags?: string[];
+};

package/build/spec/layout/ReviewLayoutCallToAction.d.ts

@@ -1,5 +1,6 @@
 import type { Action } from '../feature/Action';
 import type { Behavior } from '../feature/Behavior';
+import type { Context } from '../misc/Context';
 /**
 * Adds an [com.wise.dynamicflow.feature.Action] to the review layout. For example, it could be used to provide an edit action.
 */
@@ -21,4 +22,8 @@ export type ReviewLayoutCallToAction = {
     * The [com.wise.dynamicflow.feature.Behavior] that should be performed when user interacts with call to action.
     */
     behavior?: Behavior;
+    /**
+    * The semantics of the call-to-action button. Defaults to neutral.
+    */
+    context?: Context;
 };

package/build/spec/layout/SearchLayout.d.ts

@@ -46,4 +46,8 @@ export type SearchLayout = {
     * An optional list of identifiers used to configure renderers.
     */
     tags?: string[];
+    /**
+    * A suggestion to the user on how they can search, or what terms are searchable.
+    */
+    hint?: string;
 };

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

@@ -1,4 +1,5 @@
 import type { Behavior } from '../feature/Behavior';
+import type { Context } from '../misc/Context';
 /**
 * The call to action configuration used by [com.wise.dynamicflow.layout.SectionLayout].
 */
@@ -15,4 +16,8 @@ export type SectionLayoutCallToAction = {
     * Behavior that should be performed when user interacts with call to action.
     */
     behavior: Behavior;
+    /**
+    * The semantics of the call-to-action button. Defaults to neutral.
+    */
+    context?: Context;
 };

package/build/spec/layout/UpsellLayout.d.ts

@@ -0,0 +1,51 @@
+import type { UpsellLayoutCallToAction } from './UpsellLayoutCallToAction';
+import type { Media } from '../misc/media/Media';
+import type { Request } from '../misc/Request';
+import type { Context } from '../misc/Context';
+import type { Size } from '../misc/Size';
+/**
+* A component used to encourage the user to perform an action whilst showing an attention-grabbing message.
+*/
+export type UpsellLayout = {
+    /**
+    * It must be `upsell`.
+    */
+    type: 'upsell';
+    /**
+    * The main text of the upsell
+    */
+    text: string;
+    /**
+    * A titled call to action which can be performed by the user.
+    */
+    callToAction: UpsellLayoutCallToAction;
+    /**
+    * A media object (avatar, icon, image) which the client can use to represent this button.
+    */
+    media?: Media;
+    /**
+    * The request sent when the upsell is dismissed. After the request is sent, clients do not collect the response.
+    * This request notifies the backend that the user has closed the upsell
+    */
+    onDismiss?: Request;
+    /**
+    * The semantics of the upsell
+    */
+    context?: Context;
+    /**
+    * 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;
+    /**
+    * An optional identifier to be used in analytics tracking.
+    */
+    analyticsId?: string;
+    /**
+    * An optional list of identifiers used to configure renderers.
+    */
+    tags?: string[];
+};

package/build/spec/layout/UpsellLayoutCallToAction.d.ts

@@ -0,0 +1,23 @@
+import type { Behavior } from '../feature/Behavior';
+import type { Context } from '../misc/Context';
+/**
+* The call to action configuration to be used by the Upsell.
+*/
+export type UpsellLayoutCallToAction = {
+    /**
+    * 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;
+    /**
+    * The semantics of the call-to-action button. Defaults to neutral.
+    */
+    context?: Context;
+};

package/build/spec/main.js

@@ -184,6 +184,7 @@ var loadingIndicatorLayoutSchema = import_zod.z.object({
   analyticsId: import_zod.z.string().optional(),
   tags: import_zod.z.array(import_zod.z.string()).optional()
 });
+var mediaSchema = import_zod.z.union([mediaAvatarSchema, mediaImageSchema]);
 var paragraphLayoutSchema = import_zod.z.object({
   type: import_zod.z.literal("paragraph"),
   text: import_zod.z.string(),
@@ -206,6 +207,12 @@ var listLayoutStatusSchema = import_zod.z.union([
   import_zod.z.literal("neutral"),
   import_zod.z.literal("positive")
 ]);
+var requestSchema = import_zod.z.object({
+  url: import_zod.z.string(),
+  method: httpMethodSchema,
+  body: jsonElementSchema.optional(),
+  prefetch: import_zod.z.boolean().optional()
+});
 var formLayoutSchemaReferenceSchema = import_zod.z.object({
   $ref: import_zod.z.string()
 });
@@ -250,7 +257,8 @@ var searchLayoutSchema = import_zod.z.object({
   control: import_zod.z.string().optional(),
   margin: sizeSchema.optional(),
   analyticsId: import_zod.z.string().optional(),
-  tags: import_zod.z.array(import_zod.z.string()).optional()
+  tags: import_zod.z.array(import_zod.z.string()).optional(),
+  hint: import_zod.z.string().optional()
 });
 var infoLayoutSchema = import_zod.z.object({
   type: import_zod.z.literal("info"),
@@ -299,6 +307,16 @@ var markdownLayoutSchema = import_zod.z.object({
   tags: import_zod.z.array(import_zod.z.string()).optional(),
   size: sizeSchema.optional()
 });
+var mediaLayoutSchema = import_zod.z.object({
+  type: import_zod.z.literal("media"),
+  media: mediaSchema,
+  align: alignSchema.optional(),
+  size: sizeSchema.optional(),
+  analyticsId: import_zod.z.string().optional(),
+  control: import_zod.z.string().optional(),
+  margin: sizeSchema.optional(),
+  tags: import_zod.z.array(import_zod.z.string()).optional()
+});
 var progressLayoutSchema = import_zod.z.object({
   type: import_zod.z.literal("progress"),
   title: import_zod.z.string().optional(),
@@ -317,7 +335,6 @@ var columnsLayoutBiasSchema = import_zod.z.union([
   import_zod.z.literal("left"),
   import_zod.z.literal("right")
 ]);
-var mediaSchema = import_zod.z.union([mediaAvatarSchema, mediaImageSchema]);
 var searchSearchRequestSchema = import_zod.z.object({
   url: import_zod.z.string(),
   method: httpMethodSchema,
@@ -427,12 +444,6 @@ var actionSchema = import_zod.z.object({
   prefetch: import_zod.z.boolean().optional()
 });
 var summarySchema = import_zod.z.union([summaryProviderSchema, summarySummariserSchema]);
-var requestSchema = import_zod.z.object({
-  url: import_zod.z.string(),
-  method: httpMethodSchema,
-  body: jsonElementSchema.optional(),
-  prefetch: import_zod.z.boolean().optional()
-});
 var modalPresentationSchema = import_zod.z.object({
   type: import_zod.z.literal("modal")
 });
@@ -516,7 +527,8 @@ var reviewLayoutCallToActionSchema = import_zod.z.lazy(
     action: actionSchema.optional(),
     title: import_zod.z.string(),
     accessibilityDescription: import_zod.z.string().optional(),
-    behavior: behaviorSchema.optional()
+    behavior: behaviorSchema.optional(),
+    context: contextSchema.optional()
   })
 );
 var tabsLayoutSchema = import_zod.z.lazy(
@@ -554,7 +566,8 @@ var alertLayoutCallToActionSchema = import_zod.z.lazy(
   () => import_zod.z.object({
     title: import_zod.z.string(),
     accessibilityDescription: import_zod.z.string().optional(),
-    behavior: behaviorSchema
+    behavior: behaviorSchema,
+    context: contextSchema.optional()
   })
 );
 var listLayoutSchema = import_zod.z.lazy(
@@ -573,7 +586,8 @@ var listLayoutCallToActionSchema = import_zod.z.lazy(
   () => import_zod.z.object({
     title: import_zod.z.string(),
     accessibilityDescription: import_zod.z.string().optional(),
-    behavior: behaviorSchema
+    behavior: behaviorSchema,
+    context: contextSchema.optional()
   })
 );
 var listLayoutItemSchema = import_zod.z.lazy(
@@ -596,6 +610,28 @@ var listLayoutItemSchema = import_zod.z.lazy(
     callToAction: listLayoutCallToActionSchema.optional()
   })
 );
+var upsellLayoutCallToActionSchema = import_zod.z.lazy(
+  () => import_zod.z.object({
+    title: import_zod.z.string(),
+    accessibilityDescription: import_zod.z.string().optional(),
+    behavior: behaviorSchema,
+    context: contextSchema.optional()
+  })
+);
+var upsellLayoutSchema = import_zod.z.lazy(
+  () => import_zod.z.object({
+    type: import_zod.z.literal("upsell"),
+    text: import_zod.z.string(),
+    callToAction: upsellLayoutCallToActionSchema,
+    media: mediaSchema.optional(),
+    onDismiss: requestSchema.optional(),
+    context: contextSchema.optional(),
+    control: import_zod.z.string().optional(),
+    margin: sizeSchema.optional(),
+    analyticsId: import_zod.z.string().optional(),
+    tags: import_zod.z.array(import_zod.z.string()).optional()
+  })
+);
 var decisionLayoutSchema = import_zod.z.lazy(
   () => import_zod.z.object({
     type: import_zod.z.literal("decision"),
@@ -630,7 +666,8 @@ var sectionLayoutCallToActionSchema = import_zod.z.lazy(
   () => import_zod.z.object({
     title: import_zod.z.string(),
     accessibilityDescription: import_zod.z.string().optional(),
-    behavior: behaviorSchema
+    behavior: behaviorSchema,
+    context: contextSchema.optional()
   })
 );
 var statusListLayoutSchema = import_zod.z.lazy(
@@ -684,6 +721,7 @@ var layoutSchema = import_zod.z.lazy(
     listLayoutSchema,
     loadingIndicatorLayoutSchema,
     markdownLayoutSchema,
+    mediaLayoutSchema,
     modalLayoutSchema,
     paragraphLayoutSchema,
     progressLayoutSchema,
@@ -691,14 +729,16 @@ var layoutSchema = import_zod.z.lazy(
     searchLayoutSchema,
     sectionLayoutSchema,
     statusListLayoutSchema,
-    tabsLayoutSchema
+    tabsLayoutSchema,
+    upsellLayoutSchema
   ])
 );
 var itemCallToActionSchema = import_zod.z.lazy(
   () => import_zod.z.object({
     title: import_zod.z.string(),
     accessibilityDescription: import_zod.z.string().optional(),
-    behavior: behaviorSchema
+    behavior: behaviorSchema,
+    context: contextSchema.optional()
   })
 );
 var boxLayoutSchema = import_zod.z.lazy(
@@ -827,7 +867,8 @@ var stepSchema = import_zod.z.lazy(
     control: import_zod.z.string().optional(),
     refreshAfter: import_zod.z.string().optional(),
     toolbar: toolbarSchema.optional(),
-    tags: import_zod.z.array(import_zod.z.string()).optional()
+    tags: import_zod.z.array(import_zod.z.string()).optional(),
+    footer: import_zod.z.array(layoutSchema).optional()
   })
 );
 var schemaSchema = import_zod.z.lazy(