@rokt/dcui-orchestrator 0.0.4-rc.9 → 0.1.0

package/dist/libraries/dcui-components/src/components/button-state-trigger/button-state-trigger.d.ts

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

package/dist/libraries/dcui-components/src/components/button-state-trigger/factory.d.ts

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

package/dist/libraries/dcui-components/src/components/button-state-trigger/index.d.ts

@@ -0,0 +1,2 @@
+export * from './button-state-trigger';
+export * from './factory';

package/dist/libraries/dcui-components/src/contexts/browser-support-context.d.ts

@@ -0,0 +1,7 @@
+import React, { PropsWithChildren } from 'react';
+export type BrowserSupport = {
+    inert: boolean;
+};
+export declare const BrowserSupportContext: React.Context<BrowserSupport | undefined>;
+export declare function BrowserSupportProvider({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export declare const useBrowserSupport: () => BrowserSupport | undefined;

package/dist/libraries/dcui-components/src/contexts/index.d.ts

@@ -15,3 +15,4 @@ export * from './log-additional-information';
 export * from './catalog-item-context';
 export * from './plugin-id-context';
 export * from './schema-version-context';
+export * from './browser-support-context';

package/dist/libraries/dcui-components/src/contexts/root-element-context.d.ts

@@ -1,2 +1,2 @@
-export declare const RootElementContext: import("react").Context<Node | null>;
-export declare const useRootElementContext: () => Node | null;
+export declare const RootElementContext: import("react").Context<HTMLElement | null>;
+export declare const useRootElementContext: () => HTMLElement | null;

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

@@ -32,5 +32,11 @@ export declare function isRealTimeFulfillmentReferral(response: OfferEngagementP
     accountID: string;
     referralCreativeID: string;
 };
+export declare function isRealTimeReferralOnly(response: OfferEngagementPayload | (OfferEngagementPayload & {
+    offerPositionIndex: number;
+})): response is OfferEngagementPayload & {
+    accountID: string;
+    referralCreativeID: string;
+};
 export declare function makeCaptureOnlyOfferEngagementPayload(offerPayload?: Partial<OfferEngagementCaptureOnlyPayload>): OfferEngagementCaptureOnlyPayload;
 export declare function makeUrlOfferEngagementPayload(offerPayload?: Partial<OfferEngagementUrlPayload>): OfferEngagementUrlPayload;

package/dist/libraries/domain/src/behaviors/send-partner.d.ts

@@ -1,4 +1,4 @@
-import { OutboundPartnerEvent, PluginCartItem } from '../models';
+import { OutboundPartnerEvent, PluginCartItem, InstantPurchaseWsdkPayload } from '../models';
 export declare const SEND_PARTNER = "GLOBAL/SEND_PARTNER";
 export type OutboundInstantPurchaseEventPayload = {
     name: 'CART_ITEM_INSTANT_PURCHASE';
@@ -10,6 +10,7 @@ export type OutboundRealtimeOfferFulfillmentReferralEventPayload = {
         rclid: string;
         accountID: string;
         referralCreativeID: string;
+        referralOnly?: boolean;
     };
 };
 export type OutboundRealtimeOfferFulfillmentConversionEventPayload = {
@@ -36,10 +37,14 @@ export type OutboundUpsellCreativeSentEventPayload = {
         description: string;
     };
 };
-export type OutboundPartnerEventPayload<EventType extends OutboundPartnerEvent> = EventType extends 'REALTIME_OFFER_FULFILLMENT_REFERRAL' ? OutboundRealtimeOfferFulfillmentReferralEventPayload : EventType extends 'REALTIME_OFFER_FULFILLMENT_CONVERSION' ? OutboundRealtimeOfferFulfillmentConversionEventPayload : EventType extends 'REALTIME_OFFER_FULFILLMENT_SUCCESS' ? OutboundRealtimeOfferFulfillmentSuccessEventPayload : EventType extends 'V2_CART_ITEM_UPDATED' | 'CART_ITEM_INSTANT_PURCHASE' | 'UPSELL_CREATIVE_SENT' ? never : {
+export type OutboundInstantPurchaseWsdkEventPayload = {
+    name: 'INITIATE_INSTANT_PURCHASE_EVENT';
+    body: InstantPurchaseWsdkPayload;
+};
+export type OutboundPartnerEventPayload<EventType extends OutboundPartnerEvent> = EventType extends 'REALTIME_OFFER_FULFILLMENT_REFERRAL' ? OutboundRealtimeOfferFulfillmentReferralEventPayload : EventType extends 'REALTIME_OFFER_FULFILLMENT_CONVERSION' ? OutboundRealtimeOfferFulfillmentConversionEventPayload : EventType extends 'REALTIME_OFFER_FULFILLMENT_SUCCESS' ? OutboundRealtimeOfferFulfillmentSuccessEventPayload : EventType extends 'V2_CART_ITEM_UPDATED' | 'CART_ITEM_INSTANT_PURCHASE' | 'UPSELL_CREATIVE_SENT' | 'INITIATE_INSTANT_PURCHASE_EVENT' ? never : {
     name: EventType;
 };
 export type SendPartner<EventType extends OutboundPartnerEvent> = {
     type: typeof SEND_PARTNER;
-    payload: OutboundPartnerEventPayload<EventType> | OutboundUpdateCartEventPayload | OutboundInstantPurchaseEventPayload | OutboundUpsellCreativeSentEventPayload;
+    payload: OutboundPartnerEventPayload<EventType> | OutboundUpdateCartEventPayload | OutboundInstantPurchaseEventPayload | OutboundUpsellCreativeSentEventPayload | OutboundInstantPurchaseWsdkEventPayload;
 };

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

@@ -10,3 +10,4 @@ export * from './fulfillment';
 export * from './partner-event';
 export * from './interactivity';
 export * from './child-plugin';
+export * from './purchase';

package/dist/libraries/domain/src/models/layout/layout-conversion-type.d.ts

@@ -1,4 +1,5 @@
 export declare const enum LayoutConversionType {
     Default = "Default",
-    RealTime = "RealTime"
+    RealTime = "RealTime",
+    RealTimeReferral = "RealTimeReferral"
 }

package/dist/libraries/domain/src/models/layout/layout-creative-response-action-type.d.ts

@@ -2,5 +2,5 @@ export declare const enum LayoutCreativeResponseActionType {
     CaptureOnly = "CaptureOnly",
     Url = "Url",
     Fulfillment = "Fulfillment",
-    External = "External"
+    External = "ExternalPaymentTrigger"
 }

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

@@ -13,7 +13,9 @@ export interface LayoutCreativeResponseOption {
     isPositive: boolean;
     url?: string;
     urlBehavior?: LayoutUrlBehavior;
-    externalKey?: string;
+    paymentTriggerConfig?: {
+        externalKey: string;
+    };
     conversionType?: LayoutConversionType;
     rclid?: string;
 }

package/dist/libraries/domain/src/models/partner-event.d.ts

@@ -1,5 +1,5 @@
 export type CatalogOutboundPartnerEvent = 'V2_CART_ITEM_UPDATED' | 'CART_ITEM_INSTANT_PURCHASE';
-export type OfferOutboundPartnerEvent = CatalogOutboundPartnerEvent | 'OFFER_ENGAGEMENT' | 'POSITIVE_ENGAGEMENT' | 'UPSELL_CREATIVE_SENT' | 'REALTIME_OFFER_FULFILLMENT_REFERRAL' | 'REALTIME_OFFER_FULFILLMENT_CONVERSION' | 'REALTIME_OFFER_FULFILLMENT_SUCCESS';
+export type OfferOutboundPartnerEvent = CatalogOutboundPartnerEvent | 'OFFER_ENGAGEMENT' | 'POSITIVE_ENGAGEMENT' | 'UPSELL_CREATIVE_SENT' | 'REALTIME_OFFER_FULFILLMENT_REFERRAL' | 'REALTIME_OFFER_FULFILLMENT_CONVERSION' | 'REALTIME_OFFER_FULFILLMENT_SUCCESS' | 'INITIATE_INSTANT_PURCHASE_EVENT';
 export type OutboundPartnerEvent = OfferOutboundPartnerEvent | 'PLACEMENT_CLOSED' | 'PLACEMENT_COMPLETED' | 'PLACEMENT_INTERACTIVE' | 'PLACEMENT_FAILURE';
 export declare function isOutboundPartnerEvent(value: unknown): value is OutboundPartnerEvent;
 export declare function isOfferOutboundPartnerEvent(value: unknown): value is OfferOutboundPartnerEvent;

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

@@ -1,4 +1,5 @@
 export declare const enum PluginConversionType {
     Default = "Default",
-    RealTime = "RealTime"
+    RealTime = "RealTime",
+    RealTimeReferral = "RealTimeReferral"
 }

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

@@ -2,5 +2,5 @@ export declare const enum PluginCreativeResponseActionType {
     CaptureOnly = "CaptureOnly",
     Url = "Url",
     Fulfillment = "Fulfillment",
-    External = "External"
+    External = "ExternalPaymentTrigger"
 }

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

@@ -52,7 +52,9 @@ export interface PluginCreativeExternalResponseOption {
     instanceGuid: string;
     signalType: PluginSignalType;
     isPositive: boolean;
-    externalKey?: string;
+    paymentTriggerConfig?: {
+        externalKey: string;
+    };
     creativeInstanceGuid?: string;
 }
 export declare function makePluginResponseOption(data?: Partial<PluginCreativeResponseOption>): PluginCreativeResponseOption;
@@ -69,3 +71,7 @@ export declare function isRealtimeConversionResponseOption(value: unknown): valu
     conversionType: PluginConversionType.RealTime;
     rclid: string;
 };
+export declare function isRealtimeReferralOnlyResponseOption(value: unknown): value is (PluginCreativeFulfillmentResponseOption | PluginCreativeUrlResponseOption) & {
+    conversionType: PluginConversionType.RealTimeReferral;
+    rclid: string;
+};

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

@@ -0,0 +1,37 @@
+export interface UpsellItem {
+    cartItemId: string;
+    catalogItemId: string;
+    quantity: number;
+    unitPrice: number;
+    totalPrice: number;
+    currency: string;
+}
+export interface InstantPurchaseWsdkPayload {
+    totalUpsellPrice: number;
+    currency: string;
+    upsellItems: UpsellItem[];
+    paymentDetails?: PaymentRequestDetails;
+    fulfillmentDetails?: RequestFullfillmentDetails;
+    [key: string]: unknown;
+}
+export interface PaymentRequestDetails {
+    token: string;
+    partnerOrderId: string;
+}
+export interface RequestFullfillmentDetails {
+    token: string;
+    shippingAttributes: ShippingAttributes;
+}
+export interface ShippingAttributes {
+    id: string;
+    firstName: string;
+    lastName: string;
+    companyName: string;
+    address1: string;
+    address2: string;
+    city: string;
+    state: string;
+    country: string;
+    countryCode: string;
+    postalCode: string;
+}

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

@@ -2,10 +2,10 @@ import { PluginCreativeResponseActionType } from './plugin';
 export type Signals = (CoreSignals | CartSignals) & {
     creativeInstanceGuid?: string;
 };
-export type CoreSignals = LoadStart | LoadComplete | Activation | Impression | Response | Dismissal | UserInteraction | InstantPurchaseDismissal;
+export type CoreSignals = LoadStart | LoadComplete | Activation | Impression | Viewed | Response | Dismissal | UserInteraction | InstantPurchaseDismissal;
 export type ResponseActionPayload = CaptureOnlyAction | UrlAction | ExternalAction | FulfillmentAction;
 export type CartSignals = CartItemInstantPurchaseInitiated | CartItemInstantPurchase | CartItemInstantPurchaseFailure | CartItemQuantitySelected;
-export type UniqueSignal = LoadStart | LoadComplete | Activation | Impression | Response | Dismissal | UserInteraction | InstantPurchaseDismissal | CartItemInstantPurchaseInitiated | CartItemInstantPurchase | CartItemInstantPurchaseFailure;
+export type UniqueSignal = LoadStart | LoadComplete | Activation | Impression | Viewed | Response | Dismissal | UserInteraction | InstantPurchaseDismissal | CartItemInstantPurchaseInitiated | CartItemInstantPurchase | CartItemInstantPurchaseFailure;
 export declare enum InitiatedBy {
     DCUI = "DCUI",
     Partner = "partner"
@@ -23,6 +23,12 @@ export interface Impression {
     name: 'SignalImpression';
     parentGuid: string;
 }
+export interface Viewed {
+    name: 'SignalViewed';
+    parentGuid: string;
+    supportedByBrowser: boolean;
+    inferred: boolean;
+}
 export interface Dismissal {
     name: 'SignalDismissal';
     parentGuid: string;

package/dist/libraries/module-connector/src/models/module-attributes.d.ts

@@ -9,4 +9,5 @@ export interface ModuleAttributes {
     visible: boolean;
     container: 'row' | 'column';
     interactivity: Interactivity;
+    offerState: string;
 }

package/dist/libraries/module-connector/src/models/module-connector-builder.d.ts

@@ -11,6 +11,7 @@ export interface AppSettings {
     childLayouts: PluginLayoutChild[];
     offerData: PluginOffer;
     pluginId: string;
+    offerState: unknown;
 }
 export interface IModuleConnector extends HTMLElement {
     getOfferPositionAttr(): number;

package/dist/libraries/orchestrator/src/components/slot/slot.d.ts

@@ -7,6 +7,7 @@ declare global {
         interface IntrinsicElements {
             'module-component': ModuleAttributes & {
                 style: React.CSSProperties;
+                inert?: '';
             };
         }
     }

package/dist/libraries/orchestrator/src/models/state/global-offer-data-state.d.ts

@@ -1,8 +1,3 @@
 export type GlobalOfferDataState = {
-    [key: string]: {
-        cart: Array<{
-            cartItemId: string;
-            quantity: number;
-        }>;
-    };
+    [key: string]: unknown;
 };

package/dist/libraries/orchestrator/src/selectors/global-offer-data-state/selectors.d.ts

@@ -2,3 +2,6 @@ import { GlobalOfferDataState } from '../../models';
 export declare function getTotalCartQty(state: {
     globalOfferDataState: GlobalOfferDataState;
 }): number;
+export declare function getOfferState(state: {
+    globalOfferDataState: GlobalOfferDataState;
+}, position: number): unknown;

package/dist/libraries/plugin-utils/src/error-codes.d.ts

@@ -1 +1,2 @@
 export declare const NO_CREATIVE_RESPONSE_OPTIONS_MAP = "NO_CREATIVE_RESPONSE_OPTIONS_MAP";
+export declare const LEGACY_EXTERNAL_ACTION_TYPE = "LEGACY_EXTERNAL_ACTION_TYPE";

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

@@ -4,7 +4,7 @@ export declare const CREATIVE_RESPONSE_ENUM_MAP: {
         CaptureOnly: PluginCreativeResponseActionType;
         Url: PluginCreativeResponseActionType;
         Fulfillment: PluginCreativeResponseActionType;
-        External: PluginCreativeResponseActionType;
+        ExternalPaymentTrigger: PluginCreativeResponseActionType;
     };
     urlBehavior: {
         newTab: PluginUrlBehavior;
@@ -19,6 +19,7 @@ export declare const CREATIVE_RESPONSE_ENUM_MAP: {
     conversionType: {
         Default: PluginConversionType;
         RealTime: PluginConversionType;
+        RealTimeReferral: PluginConversionType;
     };
 };
 export declare function makeTranslateErrorLogs(configurationName: string, instanceGuid: string, isChildLayout?: boolean): Error;

package/dist/modules/add-to-cart/src/models/state/appSettingsOfferState.d.ts

@@ -0,0 +1,8 @@
+export type AppSettingsOfferState = {
+    cart: Array<AppSettingsCartItemState>;
+};
+export type AppSettingsCartItemState = {
+    cartItemId: string;
+    quantity: number;
+};
+export declare function isAppSettingsOfferState(offerState: unknown): offerState is AppSettingsOfferState;

package/dist/modules/add-to-cart/src/models/state/index.d.ts

@@ -1,2 +1,3 @@
 export * from './cart';
+export * from './appSettingsOfferState';
 export * from './user-creative-response-history';

package/dist/modules/add-to-cart/src/reducers/cart/index.d.ts

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

package/dist/modules/add-to-cart/src/reducers/cart/reducer.d.ts

@@ -1,4 +1,4 @@
 import { AnyAction } from '@reduxjs/toolkit';
-import { CartState } from '../../models';
-export declare function makeInitialCartState(): CartState;
+import { CartState, AppSettingsCartItemState } from '../../models';
+export declare function makeInitialCartState(cart: Array<AppSettingsCartItemState>): CartState;
 export declare function cartReducer(state: CartState | undefined, action: AnyAction): CartState;

package/dist/modules/add-to-cart/src/reducers/index.d.ts

@@ -18,3 +18,4 @@ export declare const appReducers: {
     childLayouts: typeof childLayoutsReducer;
 };
 export declare function makeAppInitialState(data?: Partial<AppState>): AppState;
+export * from './cart';

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

@@ -2,9 +2,14 @@ import { PluginCatalogItem } from '../../../../libraries/domain/src/models';
 export type SetSelectedItemPayload = {
     catalogItem: PluginCatalogItem;
 };
+export declare const TRIGGER_SELECT_ITEM = "CATALOG/TRIGGER_SELECT_ITEM";
+export type TriggerSelectItemAction = {
+    type: typeof TRIGGER_SELECT_ITEM;
+    payload: SetSelectedItemPayload;
+};
 export declare const SET_SELECTED_ITEM = "CATALOG/SET_SELECTED_ITEM";
-export type SetSelectedItem = {
+export type SetSelectedItemAction = {
     type: typeof SET_SELECTED_ITEM;
     payload: SetSelectedItemPayload;
 };
-export type CatalogSelectionActions = SetSelectedItem;
+export type CatalogSelectionActions = SetSelectedItemAction | TriggerSelectItemAction;

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

@@ -0,0 +1,21 @@
+import type { CompletionReason, DismissalReason } from '../../../../libraries/domain/src/behaviors';
+export declare const CHECKOUT_LIFECYCLE = "CHECKOUT_LIFECYCLE";
+export interface CheckoutLifecycle {
+    type: typeof CHECKOUT_LIFECYCLE;
+    payload: CheckoutLifecyclePayload;
+}
+export type CloseOfferData = {
+    event: 'Completed';
+    reason: CompletionReason;
+} | {
+    event: 'Dismissed';
+    reason: DismissalReason;
+};
+export type CheckoutStateData = CloseOfferData;
+export type CheckoutLifecyclePayload = {
+    event: 'Checkout';
+    targetStep: CheckoutStep;
+    offerPositionIndex: number;
+    data?: CheckoutStateData;
+};
+export type CheckoutStep = 'ViewOffer' | 'ViewTransactionDetails' | 'EditPayment' | 'EditShipping' | 'EditPaymentAndShipping' | 'CostBreakdown' | 'Confirmation' | 'CloseOffer';

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

@@ -1,2 +1,3 @@
 export * from './catalog-selection';
+export * from './checkout-lifecycle';
 export * from './instant-purchase';

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

@@ -1,9 +1,37 @@
-import { PluginCatalogItem } from '../../../../libraries/domain/src/models';
+import { PluginCatalogItem, UpsellItem } from '../../../../libraries/domain/src/models';
 import { InstantPurchase } from '@rokt/partner-integration';
 export type InitiateInstantPurchasePayload = {
     catalogItem: PluginCatalogItem;
     quantity: number;
+    useInstantPurchaseExtension?: boolean;
 };
+export type InstantPurchaseWsdkResponsePayload = {
+    timestamp: string;
+    sessionId: string;
+    response?: PurchaseApiResponse;
+    errorMessage?: string;
+    [key: string]: unknown;
+};
+export interface PurchaseApiResponse {
+    success: boolean;
+    reason?: string;
+    totalUpsellPrice?: number;
+    currency?: string;
+    identifiers?: Record<string, string>;
+    upsellItems?: UpsellItem[];
+    paid?: boolean;
+    paymentDetails?: PaymentDetails;
+    shippingInitiated?: boolean;
+    shippingDetails?: ShippingDetails;
+}
+export interface PaymentDetails {
+    method: string;
+    message: string;
+}
+export interface ShippingDetails {
+    method: string;
+    message: string;
+}
 export declare const INITIATE_INSTANT_PURCHASE = "INSTANT_PURCHASE/INITIATE";
 export type InitiateInstantPurchase = {
     type: typeof INITIATE_INSTANT_PURCHASE;
@@ -14,4 +42,9 @@ export type InstantPurchasePartnerResponse = {
     type: typeof INSTANT_PURCHASE_PARTNER_RESPONSE;
     payload: InstantPurchase.CartItemInstantPurchaseResponseMessageBody;
 };
+export declare const INSTANT_PURCHASE_WSDK_RESPONSE = "INSTANT_PURCAHSE/WSDK_RESPONSE";
+export type InstantPurchaseWsdkResponse = {
+    type: typeof INSTANT_PURCHASE_WSDK_RESPONSE;
+    payload: InstantPurchaseWsdkResponsePayload;
+};
 export type InstantPurchaseActions = InitiateInstantPurchase;

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

@@ -2,7 +2,13 @@ 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 { 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 handleInstantPurchaseResponse(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 makeInstantPurchaseWsdkResponseChannel(gateway: GlobalGateway, logger: (log: Log) => void): EventChannel<InstantPurchaseWsdkResponsePayload>;
+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>;

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

@@ -1,22 +1,4 @@
-import { BackgroundStylingProperties, BorderStylingProperties, ConditionalStyleTransition, ContainerStylingProperties, DimensionStylingProperties, FlexChildStylingProperties, LayoutSchemaModel, LayoutStyle, SpacingStylingProperties, StatelessStylingBlock, WhenPredicate } from '@rokt/dcui-layout-schema';
-export interface CatalogCombinedCollectionStyles {
-    container?: null | ContainerStylingProperties;
-    background?: null | BackgroundStylingProperties;
-    border?: null | BorderStylingProperties;
-    dimension?: null | DimensionStylingProperties;
-    flexChild?: null | FlexChildStylingProperties;
-    spacing?: null | SpacingStylingProperties;
-}
-export interface CatalogCombinedCollectionTransitions {
-    own?: null | CatalogCombinedCollectionStyles;
-}
-export interface CatalogCombinedCollectionElements {
-    own: StatelessStylingBlock<CatalogCombinedCollectionStyles>[];
-}
-export interface CatalogCombinedCollectionModel<NodeTemplate, Predicates> {
-    styles?: null | LayoutStyle<CatalogCombinedCollectionElements, ConditionalStyleTransition<CatalogCombinedCollectionTransitions, Predicates>>;
-    template: NodeTemplate;
-}
+import { CatalogCombinedCollectionModel, LayoutSchemaModel, WhenPredicate } from '@rokt/dcui-layout-schema';
 export interface CatalogCombinedCollectionProps<Template extends LayoutSchemaModel> {
     /**
      *  - `styles`:

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

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

package/dist/modules/instant-purchase/src/components/catalog-combined-collection/index.d.ts

@@ -0,0 +1,2 @@
+export * from './catalog-combined-collection';
+export * from './factory';

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

@@ -1,5 +1,5 @@
 import { BackgroundStylingProperties, BasicStateStylingBlock, BorderStylingProperties, ConditionalStyleTransition, ContainerStylingProperties, DataImageStyles, DimensionStylingProperties, FlexChildStylingProperties, LayoutStyle, RowStyle, SpacingStylingProperties, WhenPredicate } from '@rokt/dcui-layout-schema';
-interface ImageGalleryStyles {
+interface CatalogImageGalleryStyles {
     container?: null | ContainerStylingProperties;
     background?: null | BackgroundStylingProperties;
     border?: null | BorderStylingProperties;
@@ -7,22 +7,21 @@ interface ImageGalleryStyles {
     flexChild?: null | FlexChildStylingProperties;
     spacing?: null | SpacingStylingProperties;
 }
-interface ImageGalleryElements {
-    own: BasicStateStylingBlock<ImageGalleryStyles>[];
+interface CatalogImageGalleryElements {
+    own: BasicStateStylingBlock<CatalogImageGalleryStyles>[];
     mainImage: BasicStateStylingBlock<DataImageStyles>[];
     thumbnailImage: BasicStateStylingBlock<DataImageStyles>[];
     thumbnailList: BasicStateStylingBlock<RowStyle>[];
 }
-interface ImageGalleryTransitions {
-    own?: null | ImageGalleryStyles;
+interface CatalogImageGalleryTransitions {
+    own?: null | CatalogImageGalleryStyles;
 }
-export interface ImageGalleryModel<Predicates> {
-    styles?: null | LayoutStyle<ImageGalleryElements, ConditionalStyleTransition<ImageGalleryTransitions, Predicates>>;
-    imageKeys: Array<string>;
+export interface CatalogImageGalleryModel<Predicates> {
+    styles?: null | LayoutStyle<CatalogImageGalleryElements, ConditionalStyleTransition<CatalogImageGalleryTransitions, Predicates>>;
 }
-export interface ImageGalleryProps {
-    schema: ImageGalleryModel<WhenPredicate>;
+export interface CatalogImageGalleryProps {
+    schema: CatalogImageGalleryModel<WhenPredicate>;
     testId?: string;
 }
-export declare function ImageGallery(props: ImageGalleryProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function CatalogImageGallery(props: CatalogImageGalleryProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -0,0 +1,68 @@
+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';
+export interface CheckoutStateButtonTriggerStyles {
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    container?: null | ContainerStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface CheckoutStateButtonTriggerTransitions {
+    own?: null | CheckoutStateButtonTriggerStyles;
+}
+export interface CheckoutStateButtonTriggerElements {
+    own: StatelessStylingBlock<CheckoutStateButtonTriggerStyles>[];
+}
+export interface CheckoutStateButtonTriggerModel<Children, Predicates> {
+    a11yLabel?: null | string;
+    targetStep: CheckoutStep;
+    data?: CheckoutStateData;
+    styles?: null | LayoutStyle<CheckoutStateButtonTriggerElements, ConditionalStyleTransition<CheckoutStateButtonTriggerTransitions, Predicates>>;
+    children: Children[];
+}
+export interface CheckoutStateButtonTriggerProps {
+    /**
+     *  - `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: CheckoutStateButtonTriggerModel<NonInteractableChildren, WhenPredicate>;
+    testId?: string;
+}
+export declare function CheckoutStateButtonTrigger(props: CheckoutStateButtonTriggerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,36 @@
+import { BackgroundStylingProperties, BorderStylingProperties, ConditionalStyleTransition, ContainerStylingProperties, DimensionStylingProperties, FlexChildStylingProperties, LayoutStyle, SpacingStylingProperties, StatelessStylingBlock, WhenPredicate } from '@rokt/dcui-layout-schema';
+export interface LoadingSpinnerStyles {
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    container?: null | ContainerStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface LoadingSpinnerTransitions {
+    own?: null | LoadingSpinnerStyles;
+}
+export interface LoadingSpinnerElements {
+    own: StatelessStylingBlock<LoadingSpinnerStyles>[];
+    spinner: StatelessStylingBlock<LoadingSpinnerStyles>[];
+}
+export interface LoadingSpinnerConfig {
+    size?: number;
+    radius?: number;
+    stroke?: number;
+    primaryColor?: string;
+    secondaryColor?: string | null;
+    primaryRotation?: number;
+    secondaryRotation?: number;
+    duration?: number;
+    arcFraction?: number;
+}
+export interface LoadingSpinnerModel<Predicates> {
+    config?: null | LoadingSpinnerConfig;
+    styles?: null | LayoutStyle<LoadingSpinnerElements, ConditionalStyleTransition<LoadingSpinnerTransitions, Predicates>>;
+}
+export interface LoadingSpinnerProps {
+    schema: LoadingSpinnerModel<WhenPredicate>;
+    testId?: string;
+}
+export declare function LoadingSpinner(props: LoadingSpinnerProps): import("react/jsx-runtime").JSX.Element;