@rokt/dcui-orchestrator 0.2.1-rc.9 → 0.3.1-rc.0

package/dist/libraries/domain/src/models/plugin/plugin-child-layout-model.d.ts

@@ -1,4 +1,5 @@
 import { LayoutSchemaModel, LayoutDisplayPreset, LayoutSettings, ChildRootSchemaModel, WhenPredicate } from '@rokt/dcui-layout-schema';
+import { Fonts } from '@rokt/plugin';
 import { PluginOffer } from './plugin-offer';
 export interface PluginChildLayoutModel<ChildRootLayoutSchema = ChildRootSchemaModel<LayoutSchemaModel, LayoutDisplayPreset, LayoutSettings, WhenPredicate>> {
     instanceGuid: string;
@@ -9,6 +10,7 @@ export interface PluginChildLayoutModel<ChildRootLayoutSchema = ChildRootSchemaM
     content?: {
         text?: Record<string, string>;
     };
+    fonts?: Fonts;
 }
 export declare function makeChildLayoutRootSchemaModel(data?: Partial<ChildRootSchemaModel<LayoutSchemaModel, LayoutDisplayPreset, LayoutSettings, WhenPredicate>>): ChildRootSchemaModel<LayoutSchemaModel, LayoutDisplayPreset, LayoutSettings, WhenPredicate>;
 export declare function makePluginChildLayoutModel(data?: Partial<PluginChildLayoutModel>): PluginChildLayoutModel;

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

@@ -1,4 +1,4 @@
-import { LayoutSchemaModel, RootSchemaModel, LayoutDisplayPreset, LayoutSettings } from '@rokt/dcui-layout-schema';
+import { LayoutSchemaModel, RootSchemaModel, LayoutDisplayPreset, LayoutSettings, LayoutAction, LayoutTimer, WhenPredicate } from '@rokt/dcui-layout-schema';
 import { PluginSlot } from './plugin-slot';
 export interface PluginModel<LayoutSchema, RootLayoutSchema> {
     slots: Array<PluginSlot<LayoutSchema>>;
@@ -6,5 +6,5 @@ export interface PluginModel<LayoutSchema, RootLayoutSchema> {
     layoutSchemaVersion: string;
     outerLayoutSchema: RootLayoutSchema;
 }
-export declare function makeRootSchemaModel(data?: Partial<RootSchemaModel<LayoutSchemaModel, LayoutDisplayPreset, LayoutSettings>>): RootSchemaModel<LayoutSchemaModel, LayoutDisplayPreset, LayoutSettings>;
-export declare function makePluginModel(data?: Partial<PluginModel<LayoutSchemaModel, RootSchemaModel<LayoutSchemaModel, LayoutDisplayPreset, LayoutSettings>>>): PluginModel<LayoutSchemaModel, RootSchemaModel<LayoutSchemaModel, LayoutDisplayPreset, LayoutSettings>>;
+export declare function makeRootSchemaModel(data?: Partial<RootSchemaModel<LayoutSchemaModel, LayoutDisplayPreset, LayoutSettings, LayoutTimer<WhenPredicate, LayoutAction>>>): RootSchemaModel<LayoutSchemaModel, LayoutDisplayPreset, LayoutSettings, LayoutTimer<WhenPredicate, LayoutAction>>;
+export declare function makePluginModel(data?: Partial<PluginModel<LayoutSchemaModel, RootSchemaModel<LayoutSchemaModel, LayoutDisplayPreset, LayoutSettings, LayoutTimer<WhenPredicate, LayoutAction>>>>): PluginModel<LayoutSchemaModel, RootSchemaModel<LayoutSchemaModel, LayoutDisplayPreset, LayoutSettings, LayoutTimer<WhenPredicate, LayoutAction>>>;

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

@@ -1,5 +1,7 @@
 import { PluginCreative } from './plugin-creative';
 import { PluginCatalogItem } from './plugin-catalog-item';
+import { CatalogItemGroup } from './plugin-catalog-item-group';
+import { TransactionData } from './plugin-transaction-data';
 export interface PluginOffer {
     campaignId: string;
     accountId: string;
@@ -7,6 +9,8 @@ export interface PluginOffer {
     creative: PluginCreative;
     metadata: Record<string, string>;
     catalogItems?: Array<PluginCatalogItem>;
+    catalogItemGroup?: CatalogItemGroup;
+    transactionData?: TransactionData;
     content?: {
         text?: Record<string, string>;
     };

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

@@ -2,5 +2,8 @@ export declare const enum PluginSignalType {
     SignalResponse = "SignalResponse",
     SignalGatedResponse = "SignalGatedResponse",
     SignalSecondaryResponse = "SignalSecondaryResponse",
-    SignalProductItemResponse = "SignalProductItemResponse"
+    SignalProductItemResponse = "SignalProductItemResponse",
+    SignalOptInResponse = "SignalOptInResponse",
+    SignalOptOutResponse = "SignalOptOutResponse"
 }
+export declare function getValidSignalResponseType(signalType: PluginSignalType): PluginSignalType.SignalGatedResponse | PluginSignalType.SignalOptInResponse | PluginSignalType.SignalOptOutResponse | PluginSignalType.SignalResponse;

package/dist/libraries/domain/src/models/plugin/plugin-transaction-data.d.ts

@@ -0,0 +1,31 @@
+export declare enum PaymentMethodType {
+    Unspecified = 0,
+    Other = 1,
+    Card = 2,
+    PayPal = 3,
+    ApplePay = 4,
+    GooglePay = 5,
+    Afterpay = 6
+}
+export interface PaymentMethodInfo {
+    type: PaymentMethodType;
+}
+export interface Address {
+    address1: string;
+    address2?: string;
+    city: string;
+    state: string;
+    country: string;
+    zip?: string;
+    name?: string;
+}
+export interface TransactionData {
+    shippingAddress?: Address;
+    billingAddress?: Address;
+    paymentType?: string;
+    supportedPaymentMethods?: PaymentMethodInfo[];
+    isPartnerManagedPurchase: boolean;
+    partnerPaymentReference?: string;
+    confirmationRef?: string;
+    metadata?: Record<string, string>;
+}

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

@@ -1,3 +1,30 @@
+import { PaymentProvider } from '@rokt/dcui-layout-schema';
+import { LayoutPaymentMethodType } from './layout/layout-transaction-data';
+/**
+ * Models for the payload structure for sending an EXTERNAL
+ * upsell item instant purchase event.
+ * This is used for *partner-managed* purchase events.
+ */
+export interface PartnerUpsellItem {
+    sku: string;
+    quantity: number;
+    unitPrice: number;
+    totalPrice: number;
+    currency: string;
+    partnerData?: Record<string, unknown>;
+}
+export interface PartnerUpsellItemInstantPurchasePayload {
+    upsellItems: PartnerUpsellItem[];
+    totalPrice: number;
+    currency: string;
+    orderConfirmationId: string;
+    partnerData?: Record<string, unknown>;
+}
+/**
+ * Models for the payload structure for sending an INTERNAL
+ * upsell item instant purchase event.
+ * This is used for *Rokt-managed* purchase events.
+ */
 export interface UpsellItem {
     cartItemId: string;
     catalogItemId: string;
@@ -5,6 +32,7 @@ export interface UpsellItem {
     unitPrice: number;
     totalPrice: number;
     currency: string;
+    title?: string;
 }
 export interface InstantPurchaseWsdkPayload {
     totalUpsellPrice: number;
@@ -33,3 +61,29 @@ export interface ShippingAttributes {
     countryCode: string;
     postalCode: string;
 }
+export interface PrepareDevicePayEventPayload {
+    stripeAccountId?: string;
+    merchantName?: string;
+    countryCode?: string;
+    currency?: string;
+}
+export interface InitiateDevicePayEventPayload {
+    totalUpsellPrice: number;
+    currency: string;
+    upsellItems: UpsellItem[];
+    paymentDetails: {
+        paymentProvider: PaymentProvider;
+        paymentMethod?: LayoutPaymentMethodType;
+    };
+    fulfillmentDetails?: {
+        shippingAttributes?: Partial<ShippingAttributes>;
+    };
+}
+export interface InstantPurchaseInitiateTaxAndShippingEventPayload {
+    totalUpsellPrice: number;
+    currency: string;
+    upsellItems: UpsellItem[];
+    fulfillmentDetails: {
+        shippingAttributes: Partial<ShippingAttributes>;
+    };
+}

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

@@ -0,0 +1,25 @@
+export interface CartItemPayload {
+    cartItemId: string;
+    lineItems: Array<LineItem>;
+    shipping: Shipping | undefined;
+}
+export interface LineItem {
+    cartItemId: string;
+    quantity: number;
+}
+export interface Shipping {
+    firstName: string;
+    lastName: string;
+    address1: string;
+    address2?: string;
+    city: string;
+    state: string;
+    postalCode: string;
+    phoneNumber: string;
+}
+export interface ItemDetail {
+    cartItemId: string;
+    currency: string;
+    totalPrice: number;
+    providerData: string;
+}

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

@@ -2,15 +2,15 @@ import { PluginCreativeResponseActionType } from './plugin';
 export type Signals = (CoreSignals | CartSignals) & {
     creativeInstanceGuid?: string;
 };
-export type CoreSignals = LoadStart | LoadComplete | Activation | Impression | Viewed | Response | Dismissal | UserInteraction | InstantPurchaseDismissal | ProductItemResponse;
+export type CoreSignals = LoadStart | LoadComplete | Activation | Impression | Viewed | RenderGeometry | 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;
+export type UniqueSignal = LoadStart | LoadComplete | Activation | Impression | Viewed | RenderGeometry | Response | Dismissal | InstantPurchaseDismissal | CartItemInstantPurchaseInitiated | CartItemInstantPurchase | CartItemInstantPurchaseFailure;
 export declare enum InitiatedBy {
     DCUI = "DCUI",
     Partner = "partner"
 }
-export type RepeatableSignal = CartItemQuantitySelected | ProductItemResponse;
+export type RepeatableSignal = CartItemQuantitySelected | ProductItemResponse | UserInteraction;
 export interface LoadComplete {
     name: 'SignalLoadComplete';
     parentGuid: string;
@@ -29,6 +29,14 @@ export interface Viewed {
     supportedByBrowser: boolean;
     inferred: boolean;
 }
+export interface RenderGeometry {
+    name: 'SignalRenderGeometry';
+    parentGuid: string;
+    objectData: {
+        widthPx: number;
+        heightPx: number;
+    };
+}
 export interface Dismissal {
     name: 'SignalDismissal';
     parentGuid: string;
@@ -40,7 +48,7 @@ export interface LoadStart {
     overrideTimestamp: Date;
 }
 export interface Response {
-    name: 'SignalResponse' | 'SignalGatedResponse';
+    name: 'SignalResponse' | 'SignalGatedResponse' | 'SignalOptInResponse' | 'SignalOptOutResponse';
     parentGuid: string;
     responseActionPayload: ResponseActionPayload;
 }
@@ -88,6 +96,12 @@ export interface UserInteraction {
     parentGuid?: string;
     action: string;
     context: string;
+    objectData?: {
+        startTimestamp?: string;
+        endTimestamp?: string;
+        cardIndex?: string;
+        lastCardIndex?: string;
+    };
 }
 export interface ProductItemResponse {
     name: 'SignalProductItemResponse';
@@ -117,4 +131,4 @@ export interface ExternalAction {
     externalKey: string;
     creativeInstanceGuid?: string;
 }
-export declare const REPEATABLE_SIGNALS: ReadonlyArray<RepeatableSignal['name']>;
+export declare const REPEATABLE_SIGNALS: ReadonlyArray<RepeatableSignal['name'] | 'SignalOptInResponse' | 'SignalOptOutResponse'>;

package/dist/libraries/layout-renderer-utils/src/actions/domain-states.d.ts

@@ -0,0 +1,14 @@
+import { OuterLayoutDomainStateKey } from '@rokt/dcui-layout-schema';
+/**
+ * Reducer-level action type dispatched directly to the orchestrator's
+ * domain-states reducer. Distinct from the global 'GLOBAL/SET_DOMAIN_STATE'
+ * action in @rokt/domain/behaviors which is routed through global dispatch.
+ */
+export declare const SET_DOMAIN_STATE_REDUCER: "DOMAIN_STATES/SET";
+export interface SetDomainStateReducer {
+    type: typeof SET_DOMAIN_STATE_REDUCER;
+    payload: {
+        key: OuterLayoutDomainStateKey;
+        value: number;
+    };
+}

package/dist/libraries/layout-renderer-utils/src/actions/form-states.d.ts

@@ -0,0 +1,37 @@
+import { RegisterFormFieldPayload, UnregisterFormFieldPayload, SetFormFieldValuePayload, SetFormFieldTouchedPayload, ValidateFormFieldsPayload } from '../../../domain/src/behaviors';
+export declare const REGISTER_FORM_FIELD = "FORM_STATES/REGISTER_FIELD";
+export declare const UNREGISTER_FORM_FIELD = "FORM_STATES/UNREGISTER_FIELD";
+export declare const SET_FORM_FIELD_VALUE = "FORM_STATES/SET_FIELD_VALUE";
+export declare const SET_FORM_FIELD_TOUCHED = "FORM_STATES/SET_FIELD_TOUCHED";
+export declare const VALIDATE_FORM_FIELDS = "FORM_STATES/VALIDATE_FIELDS";
+/**
+ * Scope fields injected by the GlobalStoreProxy when translating the global
+ * form behaviors into store actions. `offerPositionIndex` is undefined for the
+ * outer (placement-scoped) layout and set for each format instance.
+ */
+interface OfferScope {
+    offerPositionIndex?: number;
+    creativeInstanceGuid?: string;
+}
+export interface RegisterFormField {
+    type: typeof REGISTER_FORM_FIELD;
+    payload: RegisterFormFieldPayload & OfferScope;
+}
+export interface UnregisterFormField {
+    type: typeof UNREGISTER_FORM_FIELD;
+    payload: UnregisterFormFieldPayload & OfferScope;
+}
+export interface SetFormFieldValue {
+    type: typeof SET_FORM_FIELD_VALUE;
+    payload: SetFormFieldValuePayload & OfferScope;
+}
+export interface SetFormFieldTouched {
+    type: typeof SET_FORM_FIELD_TOUCHED;
+    payload: SetFormFieldTouchedPayload & OfferScope;
+}
+export interface ValidateFormFields {
+    type: typeof VALIDATE_FORM_FIELDS;
+    payload: ValidateFormFieldsPayload & OfferScope;
+}
+export type FormStatesActions = RegisterFormField | UnregisterFormField | SetFormFieldValue | SetFormFieldTouched | ValidateFormFields;
+export {};

package/dist/libraries/layout-renderer-utils/src/actions/index.d.ts

@@ -1,4 +1,4 @@
-import { OpenLink, PrepareSignal, RaiseMetric, RaiseSignal, SendPartner } from '../../../domain/src/behaviors';
+import { OpenLink, PrepareSignal, RaiseMetric, RaiseSignal, SendPartner, SetDomainState } from '../../../domain/src/behaviors';
 import { ActiveStateActions } from './active';
 import { BreakpointActions, SetBreakpoints } from './breakpoint';
 import { FontsActions } from './fonts';
@@ -11,7 +11,10 @@ import { DismissOverlay } from './overlay';
 import { ReportError } from './error';
 import { Log } from './log';
 import { OfferOutboundPartnerEvent } from '../../../domain/src/models';
+import { LayoutEventAction } from '../../../domain/src/behaviors';
 import { CustomStatesActions } from './custom-states';
+import { SetDomainStateReducer } from './domain-states';
+import { FormStatesActions } from './form-states';
 export * from './active';
 export * from './breakpoint';
 export * from './fonts';
@@ -23,7 +26,9 @@ export * from './log';
 export * from './overlay';
 export * from './plugin';
 export * from './custom-states';
-export type CoreStateActions = LayoutActions | BreakpointActions | ActiveStateActions | FontsActions | SignalStateActions | SerializableCacheActions | SettingsActions | CustomStatesActions;
+export * from './domain-states';
+export * from './form-states';
+export type CoreStateActions = LayoutActions | BreakpointActions | ActiveStateActions | FontsActions | SignalStateActions | SerializableCacheActions | SettingsActions | CustomStatesActions | SetDomainStateReducer | LayoutEventAction | FormStatesActions;
 export declare const coreStateActionTypes: {
     readonly LAYOUT_UPDATE: "LAYOUT/UPDATE";
     readonly UPDATE_ACTIVE_BREAKPOINT: "BREAKPOINT/UPDATE_ACTIVE";
@@ -37,7 +42,14 @@ export declare const coreStateActionTypes: {
     readonly UPDATE_CACHED_SERIALIZED_VALUE: "CACHE/UPDATE_SERIALIZED_VALUE";
     readonly CLEAR_SERIALIZED_VALUE_FROM_CACHE: "CACHE/CLEAR_SERIALIZED_VALUE";
     readonly SET_SETTINGS: "SETTINGS/SET";
+    readonly SET_BOTTOMSHEET_VISIBLE_HEIGHT: "SETTINGS/SET_BOTTOMSHEET_VISIBLE_HEIGHT";
     readonly SET_CUSTOM_STATE: "CUSTOM_STATES/SET";
+    readonly SET_DOMAIN_STATE_REDUCER: "DOMAIN_STATES/SET";
+    readonly REGISTER_FORM_FIELD: "FORM_STATES/REGISTER_FIELD";
+    readonly UNREGISTER_FORM_FIELD: "FORM_STATES/UNREGISTER_FIELD";
+    readonly SET_FORM_FIELD_VALUE: "FORM_STATES/SET_FIELD_VALUE";
+    readonly SET_FORM_FIELD_TOUCHED: "FORM_STATES/SET_FIELD_TOUCHED";
+    readonly VALIDATE_FORM_FIELDS: "FORM_STATES/VALIDATE_FIELDS";
 };
 export declare const coreSagaActionTypes: {
     readonly HANDLE_CONFIG: "CONFIG/HANDLE";
@@ -50,4 +62,4 @@ export declare const coreSagaActionTypes: {
     readonly LOG: "LOG";
     readonly OPEN_LINK: "GLOBAL/OPEN_LINK";
 };
-export type CoreSagasActions = ReportError | Log | SetBreakpoints | RaiseMetric | RaiseSignal | PrepareSignal | ProcessSignals | ClosePlugin | DismissOverlay | OpenLink | SendPartner<OfferOutboundPartnerEvent>;
+export type CoreSagasActions = ReportError | Log | SetBreakpoints | RaiseMetric | RaiseSignal | PrepareSignal | ProcessSignals | ClosePlugin | DismissOverlay | OpenLink | SendPartner<OfferOutboundPartnerEvent> | SetDomainState;

package/dist/libraries/layout-renderer-utils/src/actions/overlay.d.ts

@@ -1,8 +1,15 @@
-export declare const DISMISS_OVERLAY = "OVERLAY/DISMISS_OVERLAY";
-export interface DismissOverlay {
-    type: typeof DISMISS_OVERLAY;
-    payload: {
-        id: string;
-        dismissalMethod?: string;
-    };
-}
+export { DISMISS_OVERLAY, OVERLAY_ID } from '../../../domain/src/behaviors';
+export type { DismissOverlay } from '../../../domain/src/behaviors';
+/**
+ * Dismissal method value for the "final negative CTA" button. When DISMISS_OVERLAY is
+ * dispatched with this dismissalMethod and the layout is MinimizableBottomSheet with
+ * minimizeOnComplete true and closeOnComplete not explicitly true (i.e. undefined or false),
+ * the overlay minimizes instead of closing.
+ * Set CloseButton's dismissalMethod to this value for minimizeOnComplete to apply.
+ */
+export declare const ROKT_MINIMIZE = "rokt_minimize";
+/**
+ * Dismissal method value for backdrop dismissals. When DISMISS_OVERLAY is dispatched
+ * with this dismissalMethod, the overlay was dismissed via a backdrop tap/click.
+ */
+export declare const ROKT_BACKDROP = "rokt_backdrop";

package/dist/libraries/layout-renderer-utils/src/actions/settings.d.ts

@@ -1,7 +1,14 @@
-import { LayoutSettings } from '@rokt/dcui-layout-schema';
+import { SettingsState } from '../models/state/settings';
 export declare const SET_SETTINGS = "SETTINGS/SET";
 export type SetSettingsAction = {
     type: typeof SET_SETTINGS;
-    payload: LayoutSettings;
+    payload: Partial<SettingsState>;
 };
-export type SettingsActions = SetSettingsAction;
+export declare const SET_BOTTOMSHEET_VISIBLE_HEIGHT = "SETTINGS/SET_BOTTOMSHEET_VISIBLE_HEIGHT";
+export type SetBottomsheetVisibleHeightAction = {
+    type: typeof SET_BOTTOMSHEET_VISIBLE_HEIGHT;
+    payload: {
+        height: number;
+    };
+};
+export type SettingsActions = SetSettingsAction | SetBottomsheetVisibleHeightAction;

package/dist/libraries/layout-renderer-utils/src/components/index.d.ts

@@ -1,4 +1,7 @@
-export * from './close-button';
+export { CloseButton, tryMakeCloseButton } from '../../../dcui-components/src/index';
+export type { CloseButtonProps } from '../../../dcui-components/src/index';
+export * from './minimize-button';
 export * from './overlay';
+export * from './minimizable-bottomsheet';
 export * from './bottom-sheet';
 export * from './fonts-stylesheet';

package/dist/libraries/layout-renderer-utils/src/components/minimizable-bottomsheet/connector.d.ts

@@ -0,0 +1,2 @@
+import { OwnProps, StateProps } from './types';
+export declare const connector: import("react-redux").InferableComponentEnhancerWithProps<StateProps & import("react-redux").DispatchProp<import("redux").UnknownAction>, OwnProps>;

package/dist/libraries/layout-renderer-utils/src/components/minimizable-bottomsheet/drag-handle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type DragHandleProps = {
+    className?: string;
+    style?: React.CSSProperties;
+};
+export declare function DragHandle({ className, style }: DragHandleProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/libraries/layout-renderer-utils/src/components/minimizable-bottomsheet/extract-border-styles.d.ts

@@ -0,0 +1,25 @@
+import type { getCssWriter } from '../../../../dcui-components/src/index';
+import type { BasicStateStylingBlock, MinimizableBottomSheetStyles } from '@rokt/dcui-layout-schema';
+/** The scoped emotion `css` writer produced by `getCssWriter`. */
+type CssWriter = ReturnType<typeof getCssWriter>;
+type StyleBlock = BasicStateStylingBlock<MinimizableBottomSheetStyles>;
+export type StylesWithOwn = {
+    elements?: {
+        own?: StyleBlock[];
+        wrapper?: unknown[];
+    } | null;
+};
+export type SchemaOwnBlocks = StyleBlock[] | null | undefined;
+export type MergedSheetAndTailStyles = {
+    mergedStyles: StylesWithOwn & {
+        elements: {
+            own: StyleBlock[];
+            wrapper?: unknown[];
+        };
+    };
+    tailClass: string;
+    backgroundColor: string;
+    darkBackgroundColor: string | undefined;
+};
+export declare function mergeSheetAndTailStyles(css: CssWriter, styles: StylesWithOwn | undefined | null, tailHeightVh: number, schemaOwnBlocks?: SchemaOwnBlocks): MergedSheetAndTailStyles;
+export {};

package/dist/libraries/layout-renderer-utils/src/components/minimizable-bottomsheet/factory.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
+import { MinimizableBottomSheet } from './minimizable-bottomsheet';
+export declare const ConnectedMinimizableBottomSheet: import("react-redux").ConnectedComponent<typeof MinimizableBottomSheet, {
+    schema: import("@rokt/dcui-layout-schema").MinimizableBottomSheetModel<import("@rokt/dcui-layout-schema").ModalChildren, import("@rokt/dcui-layout-schema").WhenPredicate> & {
+        startMinimized?: boolean;
+        showDragHandle?: boolean;
+    };
+    testId?: string | undefined;
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction> | null> | undefined;
+    store?: import("redux").Store | undefined;
+}>;
+export declare function tryMakeMinimizableBottomSheet(schema: LayoutSchemaModel): JSX.Element | undefined;

package/dist/libraries/layout-renderer-utils/src/components/minimizable-bottomsheet/hooks.d.ts

@@ -0,0 +1,23 @@
+import { RefObject } from 'react';
+export declare const INITIAL_WRAPPER_HEIGHT = 100000;
+export declare const TAIL_HEIGHT_VH = 120;
+export declare const OFFSCREEN_HIDE_PX = 1000;
+export declare const NO_DRAG_DATA_ATTR = "data-rokt-bottomsheet-no-drag";
+export declare const MAX_UPWARD_OVERSCROLL_PX = 80;
+export declare const OVERSCROLL_RESISTANCE = 0.35;
+export declare function getMinimizedVisibleHeight(minimizedChildRef: RefObject<HTMLDivElement>, sheetRef: RefObject<HTMLDivElement>): number;
+export declare const useMinimizableBottomSheet: (startMinimized: boolean, activeBreakpoint?: string, isMinimizable?: boolean) => {
+    wrapperRef: RefObject<HTMLDivElement>;
+    containerRef: RefObject<HTMLDivElement>;
+    sheetRef: RefObject<HTMLDivElement>;
+    minimizedChildRef: RefObject<HTMLDivElement>;
+    maximizedChildRef: RefObject<HTMLDivElement>;
+    isMinimized: boolean;
+    setMinimized: (value: boolean) => void;
+};
+type CancelableCallback = (() => void) & {
+    cancel: () => void;
+};
+export declare function createResizeCallback(debounceDuration: number, callback: () => void): CancelableCallback;
+export declare function useSyncParentHeightToChildren(parentRef: RefObject<HTMLDivElement>): void;
+export {};

package/dist/libraries/layout-renderer-utils/src/components/minimizable-bottomsheet/index.d.ts

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

package/dist/libraries/layout-renderer-utils/src/components/minimizable-bottomsheet/minimizable-bottomsheet-wrapper.d.ts

@@ -0,0 +1,12 @@
+import { MinimizableBottomSheetProps } from './types';
+type MinimizableBottomSheetWrapperProps = {
+    schema: MinimizableBottomSheetProps['schema'];
+    testId?: string;
+    minimized?: boolean;
+    /** When provided and `onClose` is absent, the backdrop becomes clickable while maximized, invoking this to minimize. */
+    onMinimize?: () => void;
+    /** When provided, takes priority over `onMinimize` — the backdrop becomes clickable while maximized and invokes this to close/dismiss. */
+    onClose?: () => void;
+};
+export declare function MinimizableBottomSheetWrapper({ schema, testId, minimized, onMinimize, onClose, }: MinimizableBottomSheetWrapperProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/libraries/layout-renderer-utils/src/components/minimizable-bottomsheet/minimizable-bottomsheet.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { MinimizableBottomSheetProps } from './types';
+type MinimizableBottomSheetContainerProps = {
+    schema: MinimizableBottomSheetProps['schema'];
+    ref: React.RefObject<HTMLDivElement>;
+    testId?: string;
+    sheetRef: React.RefObject<HTMLDivElement>;
+    minimizedChildRef: React.RefObject<HTMLDivElement>;
+    containerRef: React.RefObject<HTMLDivElement>;
+    maximizedChildRef: React.RefObject<HTMLDivElement>;
+    maximizedChildren: React.ReactNode;
+    minimizedChildren: React.ReactNode;
+    /** When true, minimized layout content ignores pointer events (parent `none` alone is not enough — descendants default to `auto`). */
+    isMinimized?: boolean;
+    /** From `useMinimizableBottomSheet`; expand interactions call `setMinimized(false)`. */
+    setMinimized?: (value: boolean) => void;
+};
+/**The MinimizableBottomSheet is a display node that is pinned to the bottom of the viewport, that
+ * can exist in two states: minimized and maximized.
+ * This is a Modal Bottomsheet, requiring user interaction before engaging with background content
+ * It should only be used for Mobile layouts.
+ * *Where can we use this: __outer layout__*
+ */
+export declare function MinimizableBottomSheet(props: MinimizableBottomSheetProps): import("react/jsx-runtime").JSX.Element;
+export declare const MinimizableBottomSheetContainer: React.ForwardRefExoticComponent<Omit<MinimizableBottomSheetContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare function handleMinimizableBottomSheetTransition<RefElement extends HTMLElement>(element: RefElement): () => void;
+export {};

package/dist/libraries/layout-renderer-utils/src/components/minimizable-bottomsheet/sheet-gesture.d.ts

@@ -0,0 +1,18 @@
+/** Threshold velocity (px/ms) to snap when flicking from maximized or minimized. */
+export declare const SLIDE_THRESHOLD_PX_PER_MS = 0.2;
+/** Min downward translate (px) to minimize when dragging slowly from maximized. */
+export declare const MIN_DOWN_DRAG_PX = 48;
+/** Max samples of sheet offset while dragging; used for flick velocity. */
+export declare const MAX_OFFSET_SAMPLES = 20;
+export type OffsetSample = {
+    offsetPx: number;
+    timestamp: number;
+};
+export declare function recordOffsetSample(samples: OffsetSample[], offsetPx: number): void;
+/** Velocity of the sheet offset between the oldest and newest sample (px per ms). */
+export declare function velocityFromOffsetSamples(samples: OffsetSample[]): number;
+/** Whether a drag-down from maximized should commit to minimized (vs spring back). */
+export declare function shouldCompleteSheetGesture(args: {
+    velocityPxPerMs: number;
+    currentOffsetPx: number;
+}): boolean;

package/dist/libraries/layout-renderer-utils/src/components/minimizable-bottomsheet/types.d.ts

@@ -0,0 +1,63 @@
+import { WhenPredicate, ModalChildren, MinimizableBottomSheetModel } from '@rokt/dcui-layout-schema';
+export interface StateProps {
+    /** Whether the overlay is active or not*/
+    isOpen: boolean;
+}
+export interface OwnProps {
+    /**
+     *  - `settings`:
+     *    * `allowBackdropToClose`: Whether click backdrop will close the overlay. MUST be true when dismissible and allowBackdropToMinimize is false.
+     *    * `allowBackdropToMinimize`: Whether click backdrop will minimize the bottom sheet. If both are true, click closes.
+     *    * `minimizeOnComplete`: Whether the bottom sheet minimizes when user clicks final negative CTA button.
+     *    * `a11yLabel`: Accessibility label for screen readers. MUST describe the purpose of the bottom sheet.
+     *  - `children`: Content displayed in maximized state. Can accept all nodes except for itself.
+     *  - `minimizedChildren`: Content displayed in minimized state.
+     *  - `styles`:
+     *    * `elements`:
+     *      * `own`:
+     *        - `container`
+     *        - `background`
+     *        - `border`
+     *        - `dimension`
+     *        - `flexChild`
+     *        - `spacing`
+     *      * `wrapper`:
+     *         - `container`
+     *         - `background`
+     *      * `dragHandle`:
+     *         - `background`
+     *         - `border`
+     *         - `dimension`
+     *         - `spacing`
+     *    * `transitions`:
+     *      - `type`: 'Conditional'
+     *      - `transition`:
+     *        * `predicates`: WhenPredicate[]
+     *        * `duration`: number
+     *        * `value`:
+     *          * `own`:
+     *            - `container`
+     *            - `background`
+     *            - `border`
+     *            - `dimension`
+     *            - `flexChild`
+     *            - `spacing`
+     *          * `wrapper`:
+     *             - `container`
+     *             - `background`
+     *          * `dragHandle`:
+     *             - `background`
+     *             - `border`
+     *             - `dimension`
+     *             - `spacing`
+     */
+    schema: MinimizableBottomSheetModel<ModalChildren, WhenPredicate> & {
+        /** If true, the bottom sheet starts in minimized state. Defaults to false. */
+        startMinimized?: boolean;
+        /** If true, the drag handle is visible. If false, the drag handle is hidden. Defaults to true. */
+        showDragHandle?: boolean;
+    };
+    testId?: string;
+}
+export interface MinimizableBottomSheetProps extends OwnProps, StateProps {
+}

package/dist/libraries/layout-renderer-utils/src/components/minimize-button/factory.d.ts

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

package/dist/libraries/layout-renderer-utils/src/components/minimize-button/index.d.ts

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

package/dist/libraries/layout-renderer-utils/src/components/minimize-button/minimize-button.d.ts

@@ -0,0 +1,12 @@
+import { LayoutSchemaModel, MinimizeButtonModel, WhenPredicate } from '@rokt/dcui-layout-schema';
+export interface MinimizeButtonProps {
+    schema: MinimizeButtonModel<LayoutSchemaModel, WhenPredicate>;
+    testId?: string;
+}
+/**
+ * A button that toggles the MinimizableBottomSheet between minimized and maximized states.
+ * Unlike CloseButton, it does not dismiss the placement — it toggles the container state.
+ *
+ * *Where can we use this: __outer layout__ (inside MinimizableBottomSheet)*
+ */
+export declare function MinimizeButton(props: MinimizeButtonProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/libraries/layout-renderer-utils/src/components/overlay/overlay.d.ts

@@ -5,6 +5,7 @@ type OverlayContainerProps = {
     schema: OverlayProps['schema'];
     ref: React.RefObject<HTMLDivElement>;
     testId?: string;
+    isAttached?: boolean;
 };
 /**The Overlay is a display node that suits various purposes,
  * such as displaying modals, tooltips, informational pop-ups,