@rokt/dcui-orchestrator 0.2.1-rc.3 → 0.2.1-rc.31

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/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/custom-state-validation-trigger-button/custom-state-validation-trigger-button.d.ts

@@ -0,0 +1,28 @@
+import { ContainerStylingProperties, BorderStylingProperties, DimensionStylingProperties, FlexChildStylingProperties, SpacingStylingProperties, BasicStateStylingBlock, LayoutStyle, ConditionalStyleTransition, WhenPredicate, NonInteractableChildren } from '@rokt/dcui-layout-schema';
+import { ValidatorTriggerConfig } from '../../validators';
+export interface CustomStateValidationTriggerButtonStyles {
+    container?: null | ContainerStylingProperties;
+    border?: null | BorderStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface CustomStateValidationTriggerButtonElements {
+    own: BasicStateStylingBlock<CustomStateValidationTriggerButtonStyles>[];
+}
+export interface CustomStateValidationTriggerButtonTransitions {
+    own?: null | CustomStateValidationTriggerButtonStyles;
+}
+export interface CustomStateValidationTriggerButtonModel<Children, Predicates> {
+    styles?: null | LayoutStyle<CustomStateValidationTriggerButtonElements, ConditionalStyleTransition<CustomStateValidationTriggerButtonTransitions, Predicates>>;
+    children: Children[];
+    customStateKey: string;
+    customStateValue: number;
+    validatorTriggerConfig?: ValidatorTriggerConfig;
+    a11yLabel?: null | string;
+}
+export interface CustomStateValidationTriggerButtonProps {
+    schema: CustomStateValidationTriggerButtonModel<NonInteractableChildren, WhenPredicate>;
+    testId?: string;
+}
+export declare function CustomStateValidationTriggerButton(props: CustomStateValidationTriggerButtonProps): 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/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, isInline?: boolean): JSX.Element | undefined;

package/dist/modules/instant-purchase/src/components/escape-hatch/index.d.ts

@@ -0,0 +1 @@
+export * from './factory';

package/dist/modules/instant-purchase/src/components/inline-container/factory.d.ts

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

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

@@ -0,0 +1,40 @@
+import { InlineContainerModel, LayoutSchemaModel, WhenPredicate } from '@rokt/dcui-layout-schema';
+interface InlineContainerProps<Children extends LayoutSchemaModel> {
+    /**
+     *  - `a11yLabel`: define a custom accessibility label for the screen reader
+     *  - `children`: it can accept below nodes,
+     *    * `BasicText (with inline styles only)`
+     *    * `StaticLink (with inline styles only)`
+     *    * `ToggleButtonStateTrigger (with inline styles only)`
+     *  - `styles`:
+     *    * `elements`:
+     *      - `own`:
+     *        * `container`
+     *        * `dimension`
+     *        * `flexChild`
+     *        * `spacing`
+     *        * `background`
+     *        * `border`
+     *    * `transitions`:
+     *      - `type`: 'Conditional'
+     *      - `transition`:
+     *        * `predicates`: WhenPredicate[]
+     *        * `duration`: number
+     *        * `value`:
+     *         - `own`:
+     *           * `container`
+     *           * `dimension`
+     *           * `flexChild`
+     *           * `spacing`
+     *           * `background`
+     *           * `border`
+     */
+    schema: InlineContainerModel<Children, WhenPredicate>;
+    testId?: string;
+}
+/** The Inline Container is a layout node that organises and aligns content horizontally,
+ * treating every child as an inline element.<br>
+ * *Where can we use this: __outer layout__, __layout variant__*
+ * */
+export declare function InlineContainer<Children extends LayoutSchemaModel>(props: InlineContainerProps<Children>): JSX.Element;
+export {};

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

@@ -20,9 +20,10 @@ export interface LoadingSpinnerConfig {
     stroke?: number;
     primaryColor?: string;
     secondaryColor?: string | null;
+    duration?: number;
+    mode?: 'dashed' | 'segmented';
     primaryRotation?: number;
     secondaryRotation?: number;
-    duration?: number;
     arcFraction?: number;
 }
 export interface LoadingSpinnerModel<Predicates> {

package/dist/modules/instant-purchase/src/components/offer-lifecycle-timer/offer-lifecycle-timer.d.ts

@@ -19,6 +19,7 @@ export interface OfferLifecycleTimerModel<Predicates> {
 }
 export interface OfferLifecycleTimerProps {
     schema: OfferLifecycleTimerModel<WhenPredicate>;
+    isInline?: boolean;
     testId?: string;
 }
 export declare function OfferLifecycleTimer(props: OfferLifecycleTimerProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/instant-purchase/src/components/rich-text/factory.d.ts

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