@rokt/dcui-orchestrator 0.2.1-rc.2 → 0.2.1-rc.20

package/dist/libraries/dcui-components/src/components/data-image-carousel/carousel-indicators.d.ts

@@ -0,0 +1,20 @@
+import { DataImageCarouselModel, CarouselActiveIndicatorMode, WhenPredicate } from '@rokt/dcui-layout-schema';
+type CarouselIndicatorsProps = {
+    indicatorClasses?: {
+        progressIndicatorContainer?: string;
+        indicator?: string;
+        activeIndicator?: string;
+        seenIndicator?: string;
+    };
+    activeIndicatorMode?: CarouselActiveIndicatorMode | null;
+    activeIndicatorStyles?: NonNullable<NonNullable<DataImageCarouselModel<WhenPredicate>['styles']>['elements']>['activeIndicator'];
+    activeIndex: number;
+    count: number;
+    transitionDuration?: number;
+    testId?: string;
+};
+export declare const defaultIndicatorContainerStyles: NonNullable<NonNullable<NonNullable<DataImageCarouselModel<WhenPredicate>['styles']>['elements']>['progressIndicatorContainer']>;
+export declare const defaultIndicatorStyles: NonNullable<NonNullable<NonNullable<DataImageCarouselModel<WhenPredicate>['styles']>['elements']>['indicator']>;
+export declare const defaultActiveIndicatorStyles: NonNullable<NonNullable<NonNullable<DataImageCarouselModel<WhenPredicate>['styles']>['elements']>['activeIndicator']>;
+export declare function CarouselIndicators(props: CarouselIndicatorsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/libraries/dcui-components/src/components/data-image-carousel/data-image-carousel.d.ts

@@ -0,0 +1,100 @@
+import { DataImageCarouselModel, WhenPredicate } from '@rokt/dcui-layout-schema';
+export interface DataImageCarouselProps {
+    /**
+     *  - `imageKey`: the key prefix for the image objects of the creative images contexts.
+     *  - `indicators`:
+     *    * `show`: boolean
+     *    * `activeIndicatorMode`: 'Progress' | 'Seen'
+     *  - `duration`: number - Time in milliseconds before changing to the next image.
+     *  - `transition`:
+     *    * `type`: 'SlideInOut' | 'FadeInOut' - Transition type.
+     *    * `settings`:
+     *      * `speed`: 'fast' | 'medium' | 'slow' - Speed of the transition.
+     *  - `a11yLabel`: string
+     *  - `styles`:
+     *    * `elements`:
+     *      * `own`:
+     *        - `container`
+     *        - `background`
+     *        - `border`
+     *        - `dimension`
+     *        - `flexChild`
+     *        - `spacing`
+     *      * `progressIndicatorContainer`:
+     *        - `container`
+     *        - `background`
+     *        - `border`
+     *        - `dimension`
+     *        - `flexChild`
+     *        - `spacing`
+     *      * `indicator`:
+     *        - `container`
+     *        - `background`
+     *        - `border`
+     *        - `dimension`
+     *        - `flexChild`
+     *        - `spacing`
+     *      * `seenIndicator`:
+     *        - `container`
+     *        - `background`
+     *        - `border`
+     *        - `dimension`
+     *        - `flexChild`
+     *        - `spacing`
+     *      * `activeIndicator`:
+     *        - `container`
+     *        - `background`
+     *        - `border`
+     *        - `dimension`
+     *        - `flexChild`
+     *        - `spacing`
+     *    * `transitions`:
+     *      - `type`: 'Conditional'
+     *      - `transition`:
+     *        * `predicates`: WhenPredicate[]
+     *        * `duration`: number
+     *        * `value`:
+     *          * `own`:
+     *            - `container`
+     *            - `background`
+     *            - `border`
+     *            - `dimension`
+     *            - `flexChild`
+     *            - `spacing`
+     *          * `progressIndicatorContainer`:
+     *            - `container`
+     *            - `background`
+     *            - `border`
+     *            - `dimension`
+     *            - `flexChild`
+     *            - `spacing`
+     *          * `indicator`:
+     *            - `container`
+     *            - `background`
+     *            - `border`
+     *            - `dimension`
+     *            - `flexChild`
+     *            - `spacing`
+     *          * `seenIndicator`:
+     *            - `container`
+     *            - `background`
+     *            - `border`
+     *            - `dimension`
+     *            - `flexChild`
+     *            - `spacing`
+     *          * `activeIndicator`:
+     *            - `container`
+     *            - `background`
+     *            - `border`
+     *            - `dimension`
+     *            - `flexChild`
+     *            - `spacing`
+     */
+    schema: DataImageCarouselModel<WhenPredicate>;
+    testId?: string;
+}
+/** The DataImageCarousel is an image node that displays all images prefixed with the given key in the creative images contexts. <br>
+ * It supports various formats and sizes.<br>
+ * *Where can we use this: __layout variant__*
+ * */
+export declare function DataImageCarousel(props: DataImageCarouselProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/libraries/dcui-components/src/components/data-image-carousel/factory.d.ts

@@ -0,0 +1,2 @@
+import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
+export declare function tryMakeDataImageCarousel(schema: LayoutSchemaModel, testId?: string): JSX.Element | void;

package/dist/libraries/dcui-components/src/components/data-image-carousel/index.d.ts

@@ -0,0 +1,2 @@
+export * from './data-image-carousel';
+export * from './factory';

package/dist/libraries/domain/src/behaviors/offer-engagement.d.ts

@@ -19,13 +19,19 @@ export interface OfferEngagementUrlPayload extends PluginCreativeUrlResponseOpti
     referralCreativeID?: string;
     creativeInstanceGuid?: string;
 }
+export interface OfferEngagementProductItemResponsePayload extends OfferEngagementUrlPayload {
+    catalogItemId: string;
+    productSku: string;
+    catalogId: string;
+}
 export type OfferEngagementCaptureOnlyPayload = PluginCreativeCaptureOnlyResponseOption;
 export type OfferEngagementExternalPayload = PluginCreativeExternalResponseOption;
-export type OfferEngagementPayload = OfferEngagementFulfillmentPayload | OfferEngagementUrlPayload | OfferEngagementCaptureOnlyPayload | OfferEngagementExternalPayload;
+export type OfferEngagementPayload = OfferEngagementFulfillmentPayload | OfferEngagementUrlPayload | OfferEngagementCaptureOnlyPayload | OfferEngagementExternalPayload | OfferEngagementProductItemResponsePayload;
 export declare function isFulfillmentPayload(value: unknown): value is OfferEngagementFulfillmentPayload;
 export declare function isExternalPayload(value: unknown): value is OfferEngagementExternalPayload;
 export declare function isUrlPayload(value: unknown): value is OfferEngagementUrlPayload;
 export declare function isCaptureOnlyPayload(value: unknown): value is OfferEngagementCaptureOnlyPayload;
+export declare function isProductItemResponsePayload(value: unknown): value is OfferEngagementProductItemResponsePayload;
 export declare function isRealTimeFulfillmentReferral(response: OfferEngagementPayload | (OfferEngagementPayload & {
     offerPositionIndex: number;
 })): response is OfferEngagementPayload & {

package/dist/libraries/domain/src/models/plugin/plugin-catalog-item.d.ts

@@ -1,3 +1,4 @@
+import { PluginCreativeUrlResponseOption } from './plugin-creative-response-option';
 import { PluginImage } from './plugin-image';
 export interface PluginCatalogItem {
     instanceGuid: string;
@@ -9,6 +10,7 @@ export interface PluginCatalogItem {
     description: string;
     disclaimer?: string;
     images?: Record<string, PluginImage>;
+    responseOptionsMap?: Record<string, PluginCreativeUrlResponseOption>;
     priceFormatted: string;
     price: number;
     providerData?: string;
@@ -22,6 +24,8 @@ export interface PluginCatalogItem {
     positiveResponseText: string;
     negativeResponseText: string;
     url?: string;
+    productSku?: string;
+    catalogId?: string;
 }
 export interface PluginCatalogItemImage {
     url: string;

package/dist/libraries/domain/src/models/plugin/plugin-creative-response-option.d.ts

@@ -2,7 +2,7 @@ import { PluginConversionType } from './plugin-conversion-type';
 import { PluginCreativeResponseActionType } from './plugin-creative-response-action-type';
 import { PluginSignalType } from './plugin-signal-type';
 import { PluginUrlBehavior } from './plugin-url-behavior';
-export type PluginCreativeResponseOption = PluginCreativeFulfillmentResponseOption | PluginCreativeUrlResponseOption | PluginCreativeCaptureOnlyResponseOption | PluginCreativeExternalResponseOption;
+export type PluginCreativeResponseOption = PluginCreativeFulfillmentResponseOption | PluginCreativeUrlResponseOption | PluginCreativeCaptureOnlyResponseOption | PluginCreativeExternalResponseOption | PluginCatalogItemUrlResponseOption;
 export interface PluginCreativeFulfillmentResponseOption {
     id: string;
     action: PluginCreativeResponseActionType.Fulfillment;
@@ -46,6 +46,10 @@ export interface PluginCreativeCaptureOnlyResponseOption {
     urlBehavior?: PluginUrlBehavior;
     creativeInstanceGuid?: string;
 }
+export interface PluginCatalogItemUrlResponseOption extends PluginCreativeUrlResponseOption {
+    catalogItemId: string;
+    externalId: string;
+}
 export interface PluginCreativeExternalResponseOption {
     id: string;
     action: PluginCreativeResponseActionType.External;

package/dist/libraries/domain/src/models/plugin/plugin-signal-type.d.ts

@@ -1,5 +1,6 @@
 export declare const enum PluginSignalType {
     SignalResponse = "SignalResponse",
     SignalGatedResponse = "SignalGatedResponse",
-    SignalSecondaryResponse = "SignalSecondaryResponse"
+    SignalSecondaryResponse = "SignalSecondaryResponse",
+    SignalProductItemResponse = "SignalProductItemResponse"
 }

package/dist/libraries/domain/src/models/signals.d.ts

@@ -2,7 +2,7 @@ import { PluginCreativeResponseActionType } from './plugin';
 export type Signals = (CoreSignals | CartSignals) & {
     creativeInstanceGuid?: string;
 };
-export type CoreSignals = LoadStart | LoadComplete | Activation | Impression | Viewed | Response | Dismissal | UserInteraction | InstantPurchaseDismissal;
+export type CoreSignals = LoadStart | LoadComplete | Activation | Impression | Viewed | Response | Dismissal | UserInteraction | InstantPurchaseDismissal | ProductItemResponse;
 export type ResponseActionPayload = CaptureOnlyAction | UrlAction | ExternalAction | FulfillmentAction;
 export type CartSignals = CartItemInstantPurchaseInitiated | CartItemInstantPurchase | CartItemInstantPurchaseFailure | CartItemQuantitySelected;
 export type UniqueSignal = LoadStart | LoadComplete | Activation | Impression | Viewed | Response | Dismissal | UserInteraction | InstantPurchaseDismissal | CartItemInstantPurchaseInitiated | CartItemInstantPurchase | CartItemInstantPurchaseFailure;
@@ -10,7 +10,7 @@ export declare enum InitiatedBy {
     DCUI = "DCUI",
     Partner = "partner"
 }
-export type RepeatableSignal = CartItemQuantitySelected;
+export type RepeatableSignal = CartItemQuantitySelected | ProductItemResponse;
 export interface LoadComplete {
     name: 'SignalLoadComplete';
     parentGuid: string;
@@ -89,6 +89,16 @@ export interface UserInteraction {
     action: string;
     context: string;
 }
+export interface ProductItemResponse {
+    name: 'SignalProductItemResponse';
+    parentGuid: string;
+    objectData: {
+        catalogItemId: string;
+        productSku: string;
+        catalogId: string;
+        accountId: string;
+    };
+}
 export interface CaptureOnlyAction {
     name: PluginCreativeResponseActionType.CaptureOnly;
     creativeInstanceGuid?: string;

package/dist/libraries/orchestrator/src/sagas/offer-engagement/sagas.d.ts

@@ -6,7 +6,7 @@ import { ContextService, PartnerInteractionService } from '../../../../plugin-ut
 import { WindowRef } from '../../../../layout-renderer-utils/src/index';
 type NextValues = WindowRef | CallEffect | null | undefined;
 type OfferCompletionResult = 'SUCCESS' | 'UNSPECIFIED' | 'ERROR' | 'EXPLICIT_DISMISSAL' | 'IMPLICIT_DISMISSAL' | 'END';
-declare const handleUrlResponse: (args_0: PluginCreativeResponseOption, args_1: ContextService, args_2: import("@rokt/plugin").SenderReceiver) => Generator<TakeEffect | NextValues | PutEffect<RaiseSignal | ClosePlugin | ReportError>, OfferCompletionResult, NextValues>;
+declare const handleUrlResponse: (args_0: PluginCreativeResponseOption, args_1: ContextService, args_2: import("@rokt/plugin").SenderReceiver, args_3: OfferEngagement) => Generator<TakeEffect | NextValues | PutEffect<RaiseSignal | ClosePlugin | ReportError>, OfferCompletionResult, NextValues>;
 export declare function processOfferResponse(dependencies: {
     context: ContextService;
     partner: PartnerInteractionService;

package/dist/libraries/plugin-utils/src/translate-config.d.ts

@@ -1,4 +1,4 @@
-import { PluginCreative, PluginCreativeResponseOption, PluginCreativeResponseActionType, PluginSignalType, PluginUrlBehavior, LayoutCreative, LayoutCreativeResponseOption, PluginConversionType } from '../../domain/src/models';
+import { PluginCreative, PluginCreativeResponseOption, PluginCreativeResponseActionType, PluginSignalType, PluginUrlBehavior, LayoutCreative, LayoutCreativeResponseOption, PluginConversionType, PluginCatalogItemUrlResponseOption } from '../../domain/src/models';
 export declare const CREATIVE_RESPONSE_ENUM_MAP: {
     action: {
         CaptureOnly: PluginCreativeResponseActionType;
@@ -24,6 +24,6 @@ export declare const CREATIVE_RESPONSE_ENUM_MAP: {
 };
 export declare function makeTranslateErrorLogs(configurationName: string, instanceGuid: string, isChildLayout?: boolean): Error;
 export declare function translateLayoutCreative(layoutCreative: LayoutCreative, isChildLayout?: boolean): PluginCreative;
-export declare function translateLayoutResponse(response: LayoutCreativeResponseOption): PluginCreativeResponseOption;
+export declare function translateLayoutResponse(response: LayoutCreativeResponseOption): Exclude<PluginCreativeResponseOption, PluginCatalogItemUrlResponseOption>;
 export type ParseJsonCategory = 'LayoutRootLayoutSchema' | 'LayoutSlotLayoutVariant' | 'ChildLayoutRootSchema';
 export declare function parseLayoutJsonAs<T>(json: string, category: ParseJsonCategory, instanceGuid: string): T;

package/dist/modules/add-to-cart/src/components/catalog-partner-event-button/catalog-partner-event-button.d.ts

@@ -0,0 +1,8 @@
+import { CatalogResponseButtonModel, NonInteractableChildren, WhenPredicate } from '@rokt/dcui-layout-schema';
+export interface CatalogPartnerEventButtonProps {
+    schema: CatalogResponseButtonModel<NonInteractableChildren, WhenPredicate> & {
+        partnerEventName?: string;
+    };
+    testId?: string;
+}
+export declare function CatalogPartnerEventButton(props: CatalogPartnerEventButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/add-to-cart/src/components/escape-hatch/factory.d.ts

@@ -1,2 +1,2 @@
 import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
-export declare function tryMakeEscapeHatch(schema: LayoutSchemaModel): JSX.Element | undefined;
+export declare function tryMakeEscapeHatch(schema: LayoutSchemaModel, testId?: string): JSX.Element | undefined;

package/dist/modules/add-to-cart/src/components/scroll-to-target/scroll-to-target.d.ts

@@ -0,0 +1,56 @@
+import { LayoutStyle, BasicStateStylingBlock, BasicTextStyle } from '@rokt/dcui-layout-schema';
+export interface ScrollToTargetElements {
+    own: BasicStateStylingBlock<BasicTextStyle>[];
+    text: BasicStateStylingBlock<BasicTextStyle>[];
+    highlighted: BasicStateStylingBlock<BasicTextStyle>[];
+}
+export interface ScrollToTargetTarget {
+    key: string;
+    value: string;
+}
+export interface ScrollToTargetModel {
+    target: ScrollToTargetTarget;
+    text: string;
+    highlightedText: string;
+    styles?: null | LayoutStyle<ScrollToTargetElements, never>;
+    a11yLabel?: string;
+}
+export interface ScrollToTargetProps {
+    /**
+     * - `target`: object with key and value to identify the target element
+     *   - `key`: the attribute name (e.g., 'aria-label', 'data-testid', 'id')
+     *   - `value`: the attribute value to search for
+     * - `text`: the full text content (supports data mapping)
+     * - `highlightedText`: the portion of text that should be highlighted and clickable (supports data mapping)
+     * - `styles`:
+     *   * `elements`:
+     *     - `own`: styles for container
+     *       * `dimension`
+     *       * `flexChild`
+     *       * `spacing`
+     *       * `background`
+     *       * `text`
+     *     - `highlighted`: styles for highlighted (clickable) text
+     *       * `dimension`
+     *       * `flexChild`
+     *       * `spacing`
+     *       * `background`
+     *       * `text`
+     *     - `text`: styles for regular (non-highlighted) text
+     *       * `dimension`
+     *       * `flexChild`
+     *       * `spacing`
+     *       * `background`
+     *       * `text`
+     * - `a11yLabel`: optional accessibility label for screen readers
+     */
+    schema: ScrollToTargetModel;
+    testId?: string;
+}
+/**
+ * The ScrollToTarget is a specialized text component that displays text with a highlighted portion.
+ * Only the highlighted text is clickable and triggers smooth scrolling to a target element.
+ * The component supports separate styling for regular text and highlighted text portions.
+ * Target elements are identified by a configurable attribute key-value pair.
+ */
+export declare function ScrollToTarget({ schema, testId }: ScrollToTargetProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/add-to-cart/src/components/tooltip/tooltip.d.ts

@@ -0,0 +1,42 @@
+import { LayoutStyle, BasicStateStylingBlock, LayoutSchemaModel, DimensionStylingProperties, SpacingStylingProperties, BackgroundStylingProperties, BorderStylingProperties, ContainerStylingProperties } from '@rokt/dcui-layout-schema';
+export interface TooltipStyle {
+    container?: null | ContainerStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+}
+export interface TooltipElements {
+    own: BasicStateStylingBlock<TooltipStyle>[];
+}
+export interface TooltipModel {
+    children: LayoutSchemaModel[];
+    anchor: LayoutSchemaModel;
+    background?: LayoutSchemaModel;
+    styles?: null | LayoutStyle<TooltipElements, never>;
+    a11yLabel?: string;
+}
+export interface TooltipProps {
+    /**
+     * Tooltip component that displays rich content above an anchor element on hover/click
+     * - `children`: array of components to render as tooltip content (text, images, etc.)
+     * - `anchor`: single component to render as tooltip trigger (typically an info icon)
+     * - `background`: optional arrow/background component (no arrow if not provided)
+     * - `styles`:
+     *   * `elements`:
+     *     - `own`: styles for tooltip container
+     *       * `dimension`
+     *       * `spacing`
+     *       * `background`
+     *       * `container`
+     *       * `border`
+     * - `a11yLabel`: optional accessibility label for screen readers
+     */
+    schema: TooltipModel;
+    testId?: string;
+}
+/**
+ * The Tooltip is a specialized component that displays informational content above a trigger element.
+ * It supports both hover and click interactions for showing/hiding the tooltip content.
+ */
+export declare function Tooltip({ schema, testId }: TooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/add-to-cart/src/components/when-catalog-quantity/when-catalog-quantity.d.ts

@@ -0,0 +1,22 @@
+import { LayoutSchemaModel, EqualityWhenCondition, OrderableWhenCondition } from '@rokt/dcui-layout-schema';
+export type QuantityCondition = EqualityWhenCondition | OrderableWhenCondition;
+export interface QuantityPredicate {
+    condition: QuantityCondition;
+    value: number;
+}
+export interface WhenCatalogQuantityModel {
+    cartItemId: string;
+    predicates: Array<QuantityPredicate>;
+    children: Array<LayoutSchemaModel>;
+}
+export interface WhenCatalogQuantityProps {
+    schema: WhenCatalogQuantityModel;
+    testId?: string;
+}
+/**
+ * The WhenCatalogQuantity component conditionally renders children based on
+ * catalog item quantity conditions using multiple predicates.
+ * ALL predicates must pass for the children to be displayed.
+ *
+ */
+export declare function WhenCatalogQuantity({ schema, testId, }: WhenCatalogQuantityProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/modules/instant-purchase/src/actions/instant-purchase.d.ts

@@ -1,6 +1,6 @@
 import { PluginCatalogItem, UpsellItem } from '../../../../libraries/domain/src/models';
 import { InstantPurchase } from '@rokt/partner-integration';
-import { FulfillmentDetailsState, VariationSelectionRequiredState } from '../models';
+import { FulfillmentDetailsState } from '../models';
 export type InitiateInstantPurchasePayload = {
     catalogItem: PluginCatalogItem;
     quantity: number;
@@ -57,9 +57,4 @@ export type SetFulfillmentDetails = {
     type: typeof SET_FULFILLMENT_DETAILS;
     payload: FulfillmentDetailsState;
 };
-export declare const SET_VARIATION_SELECTION_REQUIRED = "INSTANT_PURCHASE/SET_VARIATION_SELECTION_REQUIRED";
-export type SetVariationSelectionRequired = {
-    type: typeof SET_VARIATION_SELECTION_REQUIRED;
-    payload: VariationSelectionRequiredState | null;
-};
 export type InstantPurchaseActions = InitiateInstantPurchase;

package/dist/modules/instant-purchase/src/components/catalog-drop-down/catalog-drop-down.d.ts

@@ -1,5 +1,6 @@
 import { BackgroundStylingProperties, BasicStateStylingBlock, BorderStylingProperties, ConditionalStyleTransition, ContainerStylingProperties, DimensionStylingProperties, FlexChildStylingProperties, LayoutStyle, NonInteractableChildren, SpacingStylingProperties, TextStylingProperties, WhenPredicate } from '@rokt/dcui-layout-schema';
-import { PluginCatalogItem } from '../../../../../libraries/domain/src/models';
+import { ValidatorFieldConfig } from '../../validators';
+export type CatalogDropDownValidators = 'required';
 export interface CatalogDropDownStyles {
     container?: null | ContainerStylingProperties;
     background?: null | BackgroundStylingProperties;
@@ -16,13 +17,10 @@ export interface CatalogDropDownElements {
     own: BasicStateStylingBlock<CatalogDropDownStyles>[];
     dropDownContainer?: null | BasicStateStylingBlock<CatalogDropDownStyles>[];
     dropDownSelectedElement?: null | BasicStateStylingBlock<CatalogDropDownStyles>[];
+    dropDownContainerErrorStyles?: null | BasicStateStylingBlock<CatalogDropDownStyles>[];
     dropDownListContainer?: null | BasicStateStylingBlock<CatalogDropDownStyles>[];
     dropDownListElement?: null | BasicStateStylingBlock<CatalogDropDownStyles>[];
-    requiredSelectionErrorElement?: null | BasicStateStylingBlock<CatalogDropDownStyles>[];
-}
-export interface CatalogDropDownOptionData {
-    catalogItem: PluginCatalogItem;
-    index: number;
+    errorContentContainerStyles?: null | BasicStateStylingBlock<CatalogDropDownStyles>[];
 }
 interface CatalogDropDownModel<NonInteractableChildren, Predicates> {
     styles?: null | LayoutStyle<CatalogDropDownElements, ConditionalStyleTransition<CatalogDropDownTransitions, Predicates>>;
@@ -30,7 +28,8 @@ interface CatalogDropDownModel<NonInteractableChildren, Predicates> {
     closedTemplate: NonInteractableChildren;
     closedDefaultTemplate: NonInteractableChildren;
     requiredSelectionErrorTemplate?: NonInteractableChildren;
-    options: CatalogDropDownOptionData[];
+    validatorFieldConfig?: ValidatorFieldConfig<CatalogDropDownValidators>;
+    disableProgrammaticFocus?: boolean;
 }
 export interface CatalogDropDownProps {
     /**

package/dist/modules/instant-purchase/src/components/catalog-response-button/catalog-response-button.d.ts

@@ -1,4 +1,8 @@
 import { CatalogResponseButtonModel, NonInteractableChildren, WhenPredicate } from '@rokt/dcui-layout-schema';
+import { ValidatorTriggerConfig } from '../../validators';
+export interface CatalogResponseValidatorButtonModel<NonInteractableChildren, WhenPredicate> extends CatalogResponseButtonModel<NonInteractableChildren, WhenPredicate> {
+    validatorTriggerConfig?: ValidatorTriggerConfig;
+}
 export interface CatalogResponseButtonProps {
     /**
      *  - `children`: it can accept below nodes,
@@ -32,7 +36,7 @@ export interface CatalogResponseButtonProps {
      *            - `background`
      *            - `border`
      */
-    schema: CatalogResponseButtonModel<NonInteractableChildren, WhenPredicate>;
+    schema: CatalogResponseValidatorButtonModel<NonInteractableChildren, WhenPredicate>;
     testId?: string;
 }
 /**The CatalogResponse is a button node that generate a Call-to-Action button

package/dist/modules/instant-purchase/src/components/catalog-variation-selection-button/catalog-variation-selection-button.d.ts

@@ -1,4 +1,5 @@
 import { ContainerStylingProperties, BorderStylingProperties, DimensionStylingProperties, FlexChildStylingProperties, SpacingStylingProperties, BasicStateStylingBlock, LayoutStyle, ConditionalStyleTransition, WhenPredicate, NonInteractableChildren } from '@rokt/dcui-layout-schema';
+import { ValidatorTriggerConfig } from '../../validators';
 export interface CatalogVariationSelectionButtonStyles {
     container?: null | ContainerStylingProperties;
     border?: null | BorderStylingProperties;
@@ -17,6 +18,7 @@ export interface CatalogVariationSelectionButtonModel<Children, Predicates> {
     children: Children[];
     customStateKey: string;
     customStateValue: number;
+    validatorTriggerConfig?: ValidatorTriggerConfig;
     a11yLabel?: null | string;
 }
 export interface CatalogVariationSelectionButtonProps {

package/dist/modules/instant-purchase/src/components/checkbox/checkbox.d.ts

@@ -0,0 +1,78 @@
+import { BackgroundStylingProperties, BasicStateStylingBlock, BorderStylingProperties, ConditionalStyleTransition, DimensionStylingProperties, ContainerStylingProperties, FlexChildStylingProperties, LayoutStyle, SpacingStylingProperties, WhenPredicate, NonInteractableChildren } from '@rokt/dcui-layout-schema';
+import { ValidatorFieldConfig } from '../../validators';
+export type CheckboxValidators = 'required';
+export interface CheckboxStyles {
+    container?: null | ContainerStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface CheckboxTransitions {
+    own?: null | CheckboxStyles;
+}
+export interface CheckboxElements {
+    own: BasicStateStylingBlock<CheckboxStyles>[];
+    checkbox?: BasicStateStylingBlock<CheckboxStyles>[];
+    label?: BasicStateStylingBlock<CheckboxStyles>[];
+    checkboxContainerError?: BasicStateStylingBlock<CheckboxStyles>[];
+    checkboxError?: BasicStateStylingBlock<CheckboxStyles>[];
+    labelError?: BasicStateStylingBlock<CheckboxStyles>[];
+    errorContent?: BasicStateStylingBlock<CheckboxStyles>[];
+}
+export interface CheckboxModel<Predicates> {
+    styles?: null | LayoutStyle<CheckboxElements, ConditionalStyleTransition<CheckboxTransitions, Predicates>>;
+    checkboxColor?: string;
+    value?: boolean;
+    labelTemplate?: NonInteractableChildren[];
+    errorContentTemplate?: NonInteractableChildren[];
+    validatorFieldConfig?: ValidatorFieldConfig<CheckboxValidators>;
+}
+export interface CheckboxProps {
+    /**
+     *  - `labelTemplate`, `errorContentTemplate`: it can accept below nodes,
+     *    * `Row`
+     *    * `FlowRow
+     *    * `Column`
+     *    * `ZStack`
+     *    * `BasicText`
+     *    * `StaticImage`
+     *    * `DataImage`
+     *    * `When`
+     *    * `DataIcon`
+     *    * `StaticIcon`
+     *    * `EscapeHatch`
+     *  - `checkboxColor`:
+     *    * `string`
+     *  - `value`:
+     *    * `boolean`
+     *  - `styles`:
+     *    * `elements`:
+     *      * `own`, `checkbox`, `label`, `checkboxContainerError`,
+     *        `checkboxError`, `labelError`, `errorContent`:
+     *        - `container`
+     *        - `background`
+     *        - `border`
+     *        - `dimension`
+     *        - `flexChild`
+     *        - `spacing`
+     *    * `transitions`:
+     *      - `type`: 'Conditional'
+     *      - `transition`:
+     *        * `predicates`: WhenPredicate[]
+     *        * `duration`: number
+     *        * `value`:
+     *          * `own`, `checkbox`, `label`, `checkboxContainerError`,
+     *            `checkboxError`, `labelError`, `errorContent`:
+     *            - `container`
+     *            - `background`
+     *            - `border`
+     *            - `dimension`
+     *            - `flexChild`
+     *            - `spacing`
+     */
+    schema: CheckboxModel<WhenPredicate>;
+    testId?: string;
+}
+export declare function Checkbox(props: CheckboxProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/instant-purchase/src/components/dismiss-instant-purchase-button/dismiss-instant-purchase-button.d.ts

@@ -0,0 +1,64 @@
+import { BackgroundStylingProperties, BorderStylingProperties, ConditionalStyleTransition, ContainerStylingProperties, DimensionStylingProperties, FlexChildStylingProperties, LayoutStyle, NonInteractableChildren, SpacingStylingProperties, StatelessStylingBlock, WhenPredicate } from '@rokt/dcui-layout-schema';
+export interface DismissInstantPurchaseButtonStyles {
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    container?: null | ContainerStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface DismissInstantPurchaseButtonTransitions {
+    own?: null | DismissInstantPurchaseButtonStyles;
+}
+export interface DismissInstantPurchaseButtonElements {
+    own: StatelessStylingBlock<DismissInstantPurchaseButtonStyles>[];
+}
+export interface DismissInstantPurchaseButtonModel<Children, Predicates> {
+    a11yLabel?: null | string;
+    styles?: null | LayoutStyle<DismissInstantPurchaseButtonElements, ConditionalStyleTransition<DismissInstantPurchaseButtonTransitions, Predicates>>;
+    children: Children[];
+}
+export interface DismissInstantPurchaseButtonProps {
+    /**
+     *  - `a11yLabel`: define a custom accessibility label for a screen reader
+     *  - `targetStep`: Checkout transaction step to transition to when element is clicked
+     *  - `children`: it can accept below nodes,
+     *    * `Row`
+     *    * `Column`
+     *    * `ZStack`
+     *    * `FlowRow`
+     *    * `BasicText`
+     *    * `StaticImage`
+     *    * `StaticIcon`
+     *    * `DataImage`
+     *    * `DataIcon`
+     *    * `When`
+     *    * `InlineContainer`
+     *    * `EscapeHatch`
+     *  - `styles`:
+     *    * `elements`:
+     *      - `own`:
+     *        * `background`
+     *        * `border`
+     *        * `container`
+     *        * `dimension`
+     *        * `flexChild`
+     *        * `spacing`
+     *    * `transitions`:
+     *      - `type`: 'Conditional'
+     *      - `transition`:
+     *        * `predicates`: WhenPredicate[]
+     *        * `duration`: number
+     *        * `value`:
+     *         - `own`:
+     *           * `container`
+     *           * `dimension`
+     *           * `flexChild`
+     *           * `spacing`
+     *           * `background`
+     *           * `border`
+     */
+    schema: DismissInstantPurchaseButtonModel<NonInteractableChildren, WhenPredicate>;
+    testId?: string;
+}
+export declare function DismissInstantPurchaseButton(props: DismissInstantPurchaseButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/instant-purchase/src/models/state/instant-purchase.d.ts

@@ -1,6 +1,3 @@
 import { RequestFulfillmentDetails, PaymentRequestDetails } from '../../../../../libraries/domain/src/models';
 export type FulfillmentDetailsState = Partial<RequestFulfillmentDetails> | null;
 export type PaymentDetailsState = Partial<PaymentRequestDetails> | null;
-export type VariationSelectionTypes = 'variationColor' | 'variationSize' | 'variationUnits' | 'variationCount';
-export type VariationSelectionRequiredType = VariationSelectionTypes | 'default';
-export type VariationSelectionRequiredState = VariationSelectionRequiredType | null;