@rokt/dcui-orchestrator 0.2.1-rc.9 → 0.3.0

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

@@ -0,0 +1,60 @@
+import { PluginCatalogItem } from '../../../../libraries/domain/src/models';
+import { PaymentProvider } from '@rokt/dcui-layout-schema';
+import { DevicePayAvailabilityResponse } from '../models';
+import { PurchaseApiResponse } from './instant-purchase';
+export type InitiateDevicePayPayload = {
+    catalogItem: PluginCatalogItem;
+    quantity: number;
+    paymentProvider: PaymentProvider;
+};
+export declare const INITIATE_DEVICE_PAY = "DEVICE_PAY/INITIATE";
+export type InitiateDevicePayAction = {
+    type: typeof INITIATE_DEVICE_PAY;
+    payload: InitiateDevicePayPayload;
+};
+export declare const DEVICE_PAY_RESPONSE = "DEVICE_PAY/RESPONSE";
+export type DevicePayResponsePayload = {
+    success: boolean;
+    timestamp: string;
+    sessionId: string;
+    response?: PurchaseApiResponse;
+    error?: {
+        code: string;
+        message: string;
+    };
+    cancelled?: boolean;
+    retryable?: boolean;
+    [key: string]: unknown;
+};
+/**
+ * Context captured at the moment a device pay purchase is initiated.
+ * Threading this through to the response action ensures signals are emitted
+ * against the correct catalog item even if the Redux selection changes while
+ * the payment sheet is open.
+ */
+export type DevicePayPurchaseContext = {
+    catalogItem: PluginCatalogItem;
+    quantity: number;
+    providerId: string;
+};
+export type DevicePayResponse = {
+    type: typeof DEVICE_PAY_RESPONSE;
+    payload: DevicePayResponsePayload;
+    context: DevicePayPurchaseContext;
+};
+export declare const DEVICE_PAY_AVAILABLE = "DEVICE_PAY/AVAILABLE";
+export type DevicePayAvailablePayload = {
+    sessionId: string;
+    success: boolean;
+    response: DevicePayAvailabilityResponse;
+    timestamp: string;
+    error?: {
+        code: string;
+        message: string;
+    };
+    [key: string]: unknown;
+};
+export type DevicePayAvailableAction = {
+    type: typeof DEVICE_PAY_AVAILABLE;
+    payload: DevicePayAvailablePayload;
+};

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

@@ -1,3 +1,5 @@
 export * from './catalog-selection';
 export * from './checkout-lifecycle';
 export * from './instant-purchase';
+export * from './device-pay';
+export * from './paypal';

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

@@ -1,10 +1,9 @@
 import { PluginCatalogItem, UpsellItem } from '../../../../libraries/domain/src/models';
 import { InstantPurchase } from '@rokt/partner-integration';
-import { FulfillmentDetailsState } from '../models';
+import { FulfillmentDetailsState, InstantPurchaseTaxAndShippingResponsePayload, OfferLifecycleEventState, INSTANT_PURCHASE_TAX_AND_SHIPPING_RESPONSE, TaxAndShippingEntry } from '../models';
 export type InitiateInstantPurchasePayload = {
     catalogItem: PluginCatalogItem;
     quantity: number;
-    useInstantPurchaseExtension?: boolean;
 };
 export type InstantPurchaseWsdkResponsePayload = {
     timestamp: string;
@@ -37,6 +36,13 @@ export interface ShippingDetails {
     method: string;
     message: string;
 }
+export interface PushTaxAndShippingPayload {
+    cacheKey: string;
+    taxAndShippingEntry: TaxAndShippingEntry;
+}
+export interface MarkTaxAndShippingPendingPayload {
+    cacheKey: string;
+}
 export declare const INITIATE_INSTANT_PURCHASE = "INSTANT_PURCHASE/INITIATE";
 export type InitiateInstantPurchase = {
     type: typeof INITIATE_INSTANT_PURCHASE;
@@ -47,6 +53,11 @@ export type InstantPurchasePartnerResponse = {
     type: typeof INSTANT_PURCHASE_PARTNER_RESPONSE;
     payload: InstantPurchase.CartItemInstantPurchaseResponseMessageBody;
 };
+export declare const UPSELL_ITEM_INSTANT_PURCHASE_PARTNER_RESPONSE = "INSTANT_PURCHASE/UPSELL_ITEM_PARTNER_RESPONSE";
+export type UpsellItemInstantPurchasePartnerResponse = {
+    type: typeof UPSELL_ITEM_INSTANT_PURCHASE_PARTNER_RESPONSE;
+    payload: InstantPurchase.V2.UpsellItemInstantPurchaseResponseMessageBody;
+};
 export declare const INSTANT_PURCHASE_WSDK_RESPONSE = "INSTANT_PURCHASE/WSDK_RESPONSE";
 export type InstantPurchaseWsdkResponse = {
     type: typeof INSTANT_PURCHASE_WSDK_RESPONSE;
@@ -57,4 +68,43 @@ export type SetFulfillmentDetails = {
     type: typeof SET_FULFILLMENT_DETAILS;
     payload: FulfillmentDetailsState;
 };
+export declare const SET_OFFER_LIFECYCLE_EVENT = "INSTANT_PURCHASE/SET_OFFER_LIFECYCLE_EVENT";
+export type SetOfferLifecycleEvent = {
+    type: typeof SET_OFFER_LIFECYCLE_EVENT;
+    payload: OfferLifecycleEventState;
+};
+export declare const PUSH_TAX_AND_SHIPPING = "INSTANT_PURCHASE/PUSH_TAX_AND_SHIPPING";
+export type PushTaxAndShipping = {
+    type: typeof PUSH_TAX_AND_SHIPPING;
+    payload: PushTaxAndShippingPayload;
+};
+export declare const MARK_TAX_AND_SHIPPING_PENDING = "INSTANT_PURCHASE/MARK_TAX_AND_SHIPPING_PENDING";
+export type MarkTaxAndShippingPending = {
+    type: typeof MARK_TAX_AND_SHIPPING_PENDING;
+    payload: MarkTaxAndShippingPendingPayload;
+};
+export declare const SET_ACTIVE_TAX_AND_SHIPPING_KEY = "INSTANT_PURCHASE/SET_ACTIVE_TAX_AND_SHIPPING_KEY";
+export type SetActiveTaxAndShippingKey = {
+    type: typeof SET_ACTIVE_TAX_AND_SHIPPING_KEY;
+    payload: {
+        cacheKey: string;
+    };
+};
+export type InitiateTaxAndShippingPayload = {
+    catalogItem: PluginCatalogItem;
+};
+export declare const INITIATE_TAX_AND_SHIPPING = "INSTANT_PURCHASE/INITIATE_TAX_AND_SHIPPING";
+export type InitiateTaxAndShipping = {
+    type: typeof INITIATE_TAX_AND_SHIPPING;
+    payload: InitiateTaxAndShippingPayload;
+};
+export type HandleTaxAndShippingResponse = {
+    type: typeof INSTANT_PURCHASE_TAX_AND_SHIPPING_RESPONSE;
+    payload: InstantPurchaseTaxAndShippingResponsePayload;
+};
+export declare const SET_PURCHASE_ID = "INSTANT_PURCHASE/SET_PURCHASE_ID";
+export type SetPurchaseId = {
+    type: typeof SET_PURCHASE_ID;
+    payload: string | null;
+};
 export type InstantPurchaseActions = InitiateInstantPurchase;

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

@@ -0,0 +1,35 @@
+import { PluginCatalogItem } from '../../../../libraries/domain/src/models';
+export declare const INITIATE_PAYPAL = "PAYPAL/INITIATE";
+export declare const CONFIRM_PAYPAL = "PAYPAL/CONFIRM";
+export declare const PAYPAL_TRANSACTION_DETAILS_READY = "PAYPAL/TRANSACTION_DETAILS_READY";
+export declare const PAYPAL_LOADING = "PAYPAL/LOADING";
+export declare const PAYPAL_SUCCESS = "PAYPAL/SUCCESS";
+export declare const PAYPAL_FAILURE = "PAYPAL/FAILURE";
+export declare const PAYPAL_CANCEL = "PAYPAL/CANCEL";
+export declare const SET_PAYPAL_PURCHASE_CONTEXT = "PAYPAL/SET_PURCHASE_CONTEXT";
+export type PayPalTransactionDetails = {
+    totalAmount: string;
+    tax: string;
+    shippingFee: string;
+    currency: string;
+    merchantName: string;
+};
+export type PayPalPurchaseContext = {
+    catalogItem: PluginCatalogItem;
+    quantity: number;
+    providerId: string;
+};
+export type InitiatePayPalAction = {
+    type: typeof INITIATE_PAYPAL;
+    payload: {
+        catalogItem: PluginCatalogItem;
+        quantity: number;
+    };
+};
+export type ConfirmPayPalAction = {
+    type: typeof CONFIRM_PAYPAL;
+};
+export type PayPalTransactionDetailsReadyAction = {
+    type: typeof PAYPAL_TRANSACTION_DETAILS_READY;
+    payload: PayPalTransactionDetails;
+};

package/dist/modules/instant-purchase/src/channels/channel.d.ts

@@ -2,13 +2,17 @@ import { InstantPurchase } from '@rokt/partner-integration';
 import { PutEffect, CallEffect, ChannelTakeEffect } from 'redux-saga/effects';
 import { EventChannel } from 'redux-saga';
 import { GlobalGateway } from '../../../../libraries/module-connector/src/main';
-import { InstantPurchaseWsdkResponsePayload } from '../actions/instant-purchase';
+import { InstantPurchaseTaxAndShippingResponsePayload } from '../models';
+import { InstantPurchaseWsdkResponsePayload, UpsellItemInstantPurchasePartnerResponse } from '../actions/instant-purchase';
 import { InstantPurchasePartnerResponse } from '../actions/instant-purchase';
 import { Log } from '../../../../libraries/domain/src/models';
 export declare function makeInstantPurchasePartnerResponseChannel(gateway: GlobalGateway, logger: (log: Log) => void): EventChannel<InstantPurchase.CartItemInstantPurchaseResponseMessageBody>;
 export declare function makeInstantPurchaseWsdkResponseChannel(gateway: GlobalGateway, logger: (log: Log) => void): EventChannel<InstantPurchaseWsdkResponsePayload>;
+export declare function makeUpsellItemInstantPurchasePartnerResponseChannel(gateway: GlobalGateway, logger: (log: Log) => void): EventChannel<InstantPurchase.V2.UpsellItemInstantPurchaseResponseMessageBody>;
+export declare function makeUpsellsTaxAndShippingResponseChannel(gateway: GlobalGateway, logger: (log: Log) => void): EventChannel<InstantPurchaseTaxAndShippingResponsePayload>;
 export declare function listenForInstantPurchasePartnerResponse(channel: EventChannel<InstantPurchase.CartItemInstantPurchaseResponseMessageBody>, logger: (log: Log) => void): Generator<CallEffect<EventChannel<InstantPurchase.CartItemInstantPurchaseResponseMessageBody>> | ChannelTakeEffect<InstantPurchase.CartItemInstantPurchaseResponseMessageBody> | CallEffect<void> | PutEffect<InstantPurchasePartnerResponse>, void, InstantPurchase.CartItemInstantPurchaseResponseMessageBody>;
 export declare function listenForInstantPurchaseWsdkResponse(channel: EventChannel<InstantPurchaseWsdkResponsePayload>, logger: (log: Log) => void): Generator<CallEffect<void> | ChannelTakeEffect<InstantPurchaseWsdkResponsePayload> | PutEffect<{
     type: string;
     payload: InstantPurchaseWsdkResponsePayload;
 }>, void, InstantPurchaseWsdkResponsePayload>;
+export declare function listenForUpsellItemInstantPurchasePartnerResponse(channel: EventChannel<InstantPurchase.V2.UpsellItemInstantPurchaseResponseMessageBody>, logger: (log: Log) => void): Generator<CallEffect<EventChannel<InstantPurchase.V2.UpsellItemInstantPurchaseResponseMessageBody>> | ChannelTakeEffect<InstantPurchase.V2.UpsellItemInstantPurchaseResponseMessageBody> | CallEffect<void> | PutEffect<UpsellItemInstantPurchasePartnerResponse>, void, InstantPurchase.V2.UpsellItemInstantPurchaseResponseMessageBody>;

package/dist/modules/instant-purchase/src/components/catalog-device-pay-button/apple-pay-button.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import type { CatalogDevicePayButtonModel } from '@rokt/dcui-layout-schema';
+/**
+ * Renders an Apple Pay button using Apple's native CSS styling.
+ * Returns null if the browser does not support `-webkit-appearance: -apple-pay-button`.
+ * @see https://developer.apple.com/documentation/applepayontheweb/displaying-apple-pay-buttons-using-css
+ */
+export type ApplePayButtonStyle = 'black' | 'white' | 'white-outline';
+export type ThemedApplePayButtonStyle = {
+    light: ApplePayButtonStyle;
+    dark?: ApplePayButtonStyle;
+};
+export type ButtonStyleInput = ApplePayButtonStyle | ThemedApplePayButtonStyle;
+type ApplePayButtonProps = {
+    buttonStyle?: ButtonStyleInput;
+    className?: string;
+    disabled?: boolean;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    tabIndex?: number;
+};
+/**
+ * Derives an Apple Pay button style from the schema's `own` background and
+ * border. These are declarative hints — `-webkit-appearance: -apple-pay-button`
+ * overrides visual rendering, so they drive style selection instead.
+ *
+ *  - white + border → "white-outline"
+ *  - white          → "white"
+ *  - black          → "black"
+ *  - anything else  → undefined (falls back to `prefers-color-scheme`)
+ *
+ * Breakpoint blocks merge with last-non-null-wins. An unrecognized `dark` is
+ * dropped, so the `light` style applies in both modes.
+ */
+export declare function deriveApplePayButtonStyle<C, P>(schema: CatalogDevicePayButtonModel<C, P>): ThemedApplePayButtonStyle | undefined;
+export declare const ApplePayButton: React.ForwardRefExoticComponent<ApplePayButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

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

@@ -0,0 +1,59 @@
+/**
+ * The CatalogDevicePayButton is a button node that allows the user to pay with a device pay provider.
+ * *Where can we use this: __layout variant__*
+ * *Example:*
+ * ```json
+ * {
+ *   "type": "CatalogDevicePayButton",
+ *   "node": {
+ *     "provider": "ApplePay",
+ *     "styles": {},
+ *     "children": []
+ *   }
+ * }
+ * ```
+ */
+import { LayoutVariantNonInteractableChildren, WhenPredicate, CatalogDevicePayButtonModel } from '@rokt/dcui-layout-schema';
+export interface CatalogDevicePayButtonProps {
+    /**
+     *  - `provider`: the payment provider to use for the device pay button.
+     *  - `a11yLabel`: the aria-label for the button.
+     *  - `children`: it can accept below nodes,
+     *    * `Row`
+     *    * `Column`
+     *    * `ZStack`
+     *    * `BasicText`
+     *    * `StaticImage`
+     *    * `DataImage`
+     *    * `When`
+     *  - `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: CatalogDevicePayButtonModel<LayoutVariantNonInteractableChildren, WhenPredicate>;
+    testId?: string;
+}
+/**The CatalogDevicePayButton is a button node that generates a Call-to-Action button
+ * for initiating a device payment transaction using the associated payment provider.
+ * *Where can we use this: __layout variant__*
+ */
+export declare function CatalogDevicePayButton(props: CatalogDevicePayButtonProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/modules/instant-purchase/src/components/catalog-device-pay-button/factory.d.ts

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

package/dist/modules/instant-purchase/src/components/catalog-device-pay-button/retryable-device-pay-error.d.ts

@@ -0,0 +1 @@
+export declare function RetryableDevicePayError(): JSX.Element;

package/dist/modules/instant-purchase/src/components/catalog-discount-callout-tag/catalog-discount-callout-tag.d.ts

@@ -0,0 +1,90 @@
+import { BackgroundStylingProperties, BasicStateStylingBlock, BorderStylingProperties, ConditionalStyleTransition, DimensionStylingProperties, ContainerStylingProperties, FlexChildStylingProperties, LayoutStyle, SpacingStylingProperties, WhenPredicate, TextStylingProperties, NonInteractableChildren } from '@rokt/dcui-layout-schema';
+import { PluginCatalogItem } from '../../../../../libraries/domain/src/models';
+export interface CatalogDiscountCalloutTagStyles {
+    container?: null | ContainerStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+    /**
+     * TODO [utyp-857] - Remove once catalogItem model is updated and when Numeric
+     * predicates support dynamic predicate values for
+     */
+    text?: null | TextStylingProperties;
+}
+export interface CatalogDiscountCalloutTagTransitions {
+    own?: null | CatalogDiscountCalloutTagStyles;
+}
+export interface CatalogDiscountCalloutTagElements {
+    own: BasicStateStylingBlock<CatalogDiscountCalloutTagStyles>[];
+    /**
+     * TODO [utyp-857] - Remove once catalogItem model is updated and when Numeric
+     * predicates support dynamic predicate values for
+     */
+    originalPrice?: BasicStateStylingBlock<CatalogDiscountCalloutTagStyles>[];
+}
+export interface CatalogDiscountCalloutTagModel<Predicates> {
+    discountThreshold: number;
+    children: NonInteractableChildren[];
+    styles?: null | LayoutStyle<CatalogDiscountCalloutTagElements, ConditionalStyleTransition<CatalogDiscountCalloutTagTransitions, Predicates>>;
+}
+export interface CatalogDiscountCalloutTagProps {
+    /**
+     *  - `children`: it can accept below nodes,
+     *    * `Row`
+     *    * `FlowRow
+     *    * `Column`
+     *    * `ZStack`
+     *    * `BasicText`
+     *    * `StaticImage`
+     *    * `DataImage`
+     *    * `When`
+     *    * `DataIcon`
+     *    * `StaticIcon`
+     *    * `EscapeHatch`
+     *  - `discountThreshold`:
+     *    * `number`
+     *  - `styles`:
+     *    * `elements`:
+     *      * `own`:
+     *        - `container`
+     *        - `background`
+     *        - `border`
+     *        - `dimension`
+     *        - `flexChild`
+     *        - `spacing`
+     *    * `transitions`:
+     *      - `type`: 'Conditional'
+     *      - `transition`:
+     *        * `predicates`: WhenPredicate[]
+     *        * `duration`: number
+     *        * `value`:
+     *          * `own`:
+     *            - `container`
+     *            - `background`
+     *            - `border`
+     *            - `dimension`
+     *            - `flexChild`
+     *            - `spacing`
+     */
+    schema: CatalogDiscountCalloutTagModel<WhenPredicate>;
+    testId?: string;
+}
+/**
+ * TODO [utyp-857] - Remove once catalogItem model is updated and when Numeric
+ * predicates support dynamic predicate values for
+ */
+export interface ExtendedCatalogItem extends PluginCatalogItem {
+    originalPrice: number;
+    originalPriceFormatted: string;
+}
+/**
+ * TODO [utyp-857] - Remove once catalogItem model is updated and when Numeric
+ * predicates support dynamic predicate values for
+ *
+ * Temporary implementation of a discount callout tag. see:
+ * https://chat.google.com/room/AAAAyw1UKdw/NO4XvPCB3Wg/NO4XvPCB3Wg?cls=10
+ */
+export declare function TempCatalogDiscountCalloutTag(props: CatalogDiscountCalloutTagProps): import("react/jsx-runtime").JSX.Element;
+export declare function CatalogDiscountCalloutTag(props: CatalogDiscountCalloutTagProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { CatalogDropdownModel, WhenPredicate } from '@rokt/dcui-layout-schema';
+export interface CatalogDropdownProps {
+    schema: CatalogDropdownModel<WhenPredicate>;
+    testId?: string;
+}
+export declare function CatalogDropdown(props: CatalogDropdownProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/modules/instant-purchase/src/components/catalog-dropdown/dropdown-options-context.d.ts

@@ -0,0 +1,17 @@
+export interface DropdownOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    outOfStock?: boolean;
+}
+export interface DropdownOptionsContextType {
+    options: DropdownOption[];
+    selectedValue: string | null;
+    onSelect: (value: string) => void;
+    placeholderLabel?: string;
+    attributeId?: string;
+}
+export declare const DropdownOptionsContext: import("react").Context<DropdownOptionsContextType | null>;
+export declare const DropdownOptionsProvider: import("react").Provider<DropdownOptionsContextType | null>;
+export declare function useDropdownOptions(): DropdownOptionsContextType | null;
+export declare function useRequiredDropdownOptions(): DropdownOptionsContextType;

package/dist/modules/instant-purchase/src/components/catalog-dropdown/factory.d.ts

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

package/dist/modules/instant-purchase/src/components/catalog-imagegallery/catalog-gallery-index.d.ts

@@ -0,0 +1 @@
+export declare function useGalleryIndex(catalogItemInstanceGuid: string): [number, (index: number) => void];

package/dist/modules/instant-purchase/src/components/catalog-imagegallery/catalog-image-gallery.d.ts

@@ -0,0 +1,6 @@
+import { CatalogImageGalleryModel, WhenPredicate } from '@rokt/dcui-layout-schema';
+export interface CatalogImageGalleryProps {
+    schema: CatalogImageGalleryModel<WhenPredicate>;
+    testId?: string;
+}
+export declare function CatalogImageGallery(props: CatalogImageGalleryProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/modules/instant-purchase/src/components/catalog-imagegallery/factory.d.ts

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

package/dist/modules/instant-purchase/src/components/catalog-selectors-stacked/catalog-selectors-stacked.d.ts

@@ -0,0 +1,6 @@
+import { CatalogSelectorsStackedModel, LayoutSchemaModel, WhenPredicate } from '@rokt/dcui-layout-schema';
+export interface CatalogSelectorsStackedProps<Template extends LayoutSchemaModel> {
+    schema: CatalogSelectorsStackedModel<Template, WhenPredicate>;
+    testId?: string;
+}
+export declare function CatalogSelectorsStacked<Template extends LayoutSchemaModel>(props: CatalogSelectorsStackedProps<Template>): import("react/jsx-runtime").JSX.Element | null;

package/dist/modules/instant-purchase/src/components/catalog-selectors-stacked/factory.d.ts

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

package/dist/modules/instant-purchase/src/components/catalog-thumbnail-gallery/catalog-thumbnail-gallery.d.ts

@@ -0,0 +1,6 @@
+import { CatalogThumbnailGalleryModel, WhenPredicate } from '@rokt/dcui-layout-schema';
+export interface CatalogThumbnailGalleryProps {
+    schema: CatalogThumbnailGalleryModel<WhenPredicate>;
+    testId?: string;
+}
+export declare function CatalogThumbnailGallery(props: CatalogThumbnailGalleryProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/modules/instant-purchase/src/components/catalog-thumbnail-gallery/factory.d.ts

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

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

@@ -24,6 +24,7 @@ export interface CheckboxElements {
 export interface CheckboxModel<Predicates> {
     styles?: null | LayoutStyle<CheckboxElements, ConditionalStyleTransition<CheckboxTransitions, Predicates>>;
     checkboxColor?: string;
+    checkboxScale?: number;
     value?: boolean;
     labelTemplate?: NonInteractableChildren[];
     errorContentTemplate?: NonInteractableChildren[];

package/dist/modules/instant-purchase/src/components/checkout-state-button-trigger/checkout-state-button-trigger.d.ts

@@ -1,6 +1,7 @@
 import { BackgroundStylingProperties, BorderStylingProperties, ConditionalStyleTransition, ContainerStylingProperties, DimensionStylingProperties, FlexChildStylingProperties, LayoutStyle, NonInteractableChildren, SpacingStylingProperties, StatelessStylingBlock, WhenPredicate } from '@rokt/dcui-layout-schema';
 import { CheckoutStep } from '../../actions/checkout-lifecycle';
 import type { CheckoutStateData } from '../../actions/checkout-lifecycle';
+import { ValidatorTriggerConfig } from '../../validators';
 export interface CheckoutStateButtonTriggerStyles {
     background?: null | BackgroundStylingProperties;
     border?: null | BorderStylingProperties;
@@ -19,6 +20,7 @@ export interface CheckoutStateButtonTriggerModel<Children, Predicates> {
     a11yLabel?: null | string;
     targetStep: CheckoutStep;
     data?: CheckoutStateData;
+    validatorTriggerConfig?: ValidatorTriggerConfig | null;
     styles?: null | LayoutStyle<CheckoutStateButtonTriggerElements, ConditionalStyleTransition<CheckoutStateButtonTriggerTransitions, Predicates>>;
     children: Children[];
 }

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

@@ -17,6 +17,7 @@ export interface DismissInstantPurchaseButtonModel<Children, Predicates> {
     a11yLabel?: null | string;
     styles?: null | LayoutStyle<DismissInstantPurchaseButtonElements, ConditionalStyleTransition<DismissInstantPurchaseButtonTransitions, Predicates>>;
     children: Children[];
+    emitInstantPurchaseDismissalRdnEvent?: boolean;
 }
 export interface DismissInstantPurchaseButtonProps {
     /**

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/{catalog-drop-down → escapehatch-catalog-drop-down}/catalog-drop-down.d.ts

@@ -27,6 +27,8 @@ interface CatalogDropDownModel<NonInteractableChildren, Predicates> {
     openTemplate: NonInteractableChildren;
     closedTemplate: NonInteractableChildren;
     closedDefaultTemplate: NonInteractableChildren;
+    openTemplateTitle?: string;
+    closedTemplateTitle?: string;
     requiredSelectionErrorTemplate?: NonInteractableChildren;
     validatorFieldConfig?: ValidatorFieldConfig<CatalogDropDownValidators>;
     disableProgrammaticFocus?: boolean;

package/dist/modules/instant-purchase/src/components/{catalog-image-gallery → escapehatch-catalog-image-gallery}/catalog-image-gallery.d.ts

@@ -9,11 +9,15 @@ interface CatalogImageGalleryStyles {
 }
 interface CatalogImageGalleryElements {
     own: BasicStateStylingBlock<CatalogImageGalleryStyles>[];
-    mainImage: BasicStateStylingBlock<DataImageStyles>[];
-    thumbnailImage: BasicStateStylingBlock<DataImageStyles>[];
-    selectedThumbnailImage: BasicStateStylingBlock<DataImageStyles>[];
-    thumbnailList: BasicStateStylingBlock<RowStyle>[];
+    mainImage?: BasicStateStylingBlock<DataImageStyles>[];
+    thumbnailImage?: BasicStateStylingBlock<DataImageStyles>[];
+    selectedThumbnailImage?: BasicStateStylingBlock<DataImageStyles>[];
+    thumbnailList?: BasicStateStylingBlock<RowStyle>[];
     scrollIconButton?: BasicStateStylingBlock<RowStyle>[];
+    paginationIndicator?: BasicStateStylingBlock<RowStyle>[];
+    paginationMinimizedIndicator?: BasicStateStylingBlock<RowStyle>[];
+    paginationActiveIndicator?: BasicStateStylingBlock<RowStyle>[];
+    paginationIndicatorContainer?: BasicStateStylingBlock<RowStyle>[];
 }
 interface CatalogImageGalleryTransitions {
     own?: null | CatalogImageGalleryStyles;
@@ -23,6 +27,13 @@ export interface CatalogImageGalleryModel<Predicates> {
     scrollGradientLength?: number;
     leftScrollIconTemplate?: StaticIconModel<WhenPredicate>;
     rightScrollIconTemplate?: StaticIconModel<WhenPredicate>;
+    navigationStrategy?: 'thumbnailList' | 'paginationIndicator';
+    imageAspectRatio?: string;
+    thumbnailAspectRatio?: string;
+    mainImageMinWidth?: number;
+    mainImageMaxWidth?: number;
+    mainImageMinHeight?: number;
+    mainImageMaxHeight?: number;
 }
 export interface CatalogImageGalleryProps {
     schema: CatalogImageGalleryModel<WhenPredicate>;

package/dist/modules/instant-purchase/src/components/escapehatch-catalog-image-gallery/constants.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+import { WhenPredicate, StaticIconModel } from '@rokt/dcui-layout-schema';
+export declare const DEFAULT_LEFT_SCROLL_ICON_TEMPLATE: StaticIconModel<WhenPredicate>;
+export declare const DEFAULT_RIGHT_SCROLL_ICON_TEMPLATE: StaticIconModel<WhenPredicate>;
+export declare const MAX_PAGINATION_INDICATORS = 5;
+export declare const DEFAULT_PAGINATION_INDICATOR_STYLES: CSSProperties;
+export declare const DEFAULT_PAGINATION_MINIMIZED_INDICATOR_STYLES: CSSProperties;
+export declare const DEFAULT_PAGINATION_ACTIVE_INDICATOR_STYLES: CSSProperties;
+export declare const DEFAULT_PAGINATION_INDICATOR_CONTAINER_STYLES: CSSProperties;

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;