@rokt/dcui-orchestrator 0.0.4-rc.2 → 0.0.4-rc.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +23 -23
- package/dist/index.js +22 -22
- package/dist/libraries/dcui-components/src/components/button-state-trigger/button-state-trigger.d.ts +6 -0
- package/dist/libraries/dcui-components/src/components/button-state-trigger/factory.d.ts +2 -0
- package/dist/libraries/dcui-components/src/components/button-state-trigger/index.d.ts +2 -0
- package/dist/libraries/dcui-components/src/contexts/browser-support-context.d.ts +7 -0
- package/dist/libraries/dcui-components/src/contexts/index.d.ts +1 -0
- package/dist/libraries/dcui-components/src/contexts/root-element-context.d.ts +2 -2
- package/dist/libraries/domain/src/behaviors/send-partner.d.ts +9 -1
- package/dist/libraries/domain/src/models/partner-event.d.ts +1 -1
- package/dist/libraries/domain/src/models/signals.d.ts +8 -2
- package/dist/libraries/orchestrator/src/components/slot/slot.d.ts +1 -0
- package/dist/modules/instant-purchase/src/actions/catalog-selection.d.ts +7 -2
- package/dist/modules/instant-purchase/src/actions/checkout-lifecycle.d.ts +11 -0
- package/dist/modules/instant-purchase/src/actions/index.d.ts +1 -0
- package/dist/modules/instant-purchase/src/actions/instant-purchase.d.ts +1 -0
- package/dist/modules/instant-purchase/src/components/catalog-combined-collection/catalog-combined-collection.d.ts +1 -19
- package/dist/modules/instant-purchase/src/components/catalog-combined-collection/factory.d.ts +2 -0
- package/dist/modules/instant-purchase/src/components/catalog-combined-collection/index.d.ts +2 -0
- package/dist/modules/instant-purchase/src/components/{drop-down/drop-down.d.ts → catalog-drop-down/catalog-drop-down.d.ts} +16 -17
- package/dist/modules/instant-purchase/src/components/checkout-state-button-trigger/checkout-state-button-trigger.d.ts +66 -0
- package/dist/modules/instant-purchase/src/components/color-swatch/color-swatch.d.ts +25 -0
- package/dist/modules/instant-purchase/src/reducers/index.d.ts +3 -1
- package/dist/modules/instant-purchase/src/sagas/checkout-lifecycle/index.d.ts +1 -0
- package/dist/modules/instant-purchase/src/sagas/checkout-lifecycle/sagas.d.ts +3 -0
- package/dist/modules/instant-purchase/src/sagas/index.d.ts +1 -1
- package/dist/modules/instant-purchase/src/sagas/instant-purchase/sagas.d.ts +13 -4
- package/dist/modules/instant-purchase/src/selectors/catalogItems/index.d.ts +1 -0
- package/dist/modules/instant-purchase/src/selectors/catalogItems/selectors.d.ts +4 -0
- package/dist/modules/instant-purchase/src/selectors/index.d.ts +1 -0
- package/dist/modules/standard-marketing/src/sagas/offer-engagement/sagas.d.ts +5 -2
- package/node_modules/@rokt/dcui-layout-schema/dist/schema.d.ts +190 -7
- package/node_modules/@rokt/dcui-layout-schema/dist/schema.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/dist/tsconfig.tsbuildinfo +1 -1
- package/node_modules/@rokt/dcui-layout-schema/package.json +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v0.1/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v0.10/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v0.11/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v0.12/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v0.13/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v0.14/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v0.15/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v0.16/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v0.17/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v0.18/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v0.19/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v0.2/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v0.20/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v0.21/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v0.22/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v0.23/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v0.3/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v0.4/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v0.5/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v0.6/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v0.7/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v0.8/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v0.9/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v1.0/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v1.1/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v1.2/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v1.3/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v1.4/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v1.5/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v1.6/index.js +1 -1
- package/node_modules/@rokt/dcui-layout-schema/v1.7/index.d.ts +2218 -0
- package/node_modules/@rokt/dcui-layout-schema/v1.7/index.js +4 -0
- package/package.json +2 -2
package/dist/libraries/dcui-components/src/components/button-state-trigger/button-state-trigger.d.ts
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ButtonStateTriggerModel, LayoutSchemaModel, WhenPredicate } from '@rokt/dcui-layout-schema';
|
|
2
|
+
export interface ButtonStateTriggerProps {
|
|
3
|
+
schema: ButtonStateTriggerModel<LayoutSchemaModel, WhenPredicate>;
|
|
4
|
+
testId?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare function ButtonStateTrigger(props: ButtonStateTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React, { PropsWithChildren } from 'react';
|
|
2
|
+
export type BrowserSupport = {
|
|
3
|
+
inert: boolean;
|
|
4
|
+
};
|
|
5
|
+
export declare const BrowserSupportContext: React.Context<BrowserSupport | undefined>;
|
|
6
|
+
export declare function BrowserSupportProvider({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare const useBrowserSupport: () => BrowserSupport | undefined;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const RootElementContext: import("react").Context<
|
|
2
|
-
export declare const useRootElementContext: () =>
|
|
1
|
+
export declare const RootElementContext: import("react").Context<HTMLElement | null>;
|
|
2
|
+
export declare const useRootElementContext: () => HTMLElement | null;
|
|
@@ -12,6 +12,14 @@ export type OutboundRealtimeOfferFulfillmentReferralEventPayload = {
|
|
|
12
12
|
referralCreativeID: string;
|
|
13
13
|
};
|
|
14
14
|
};
|
|
15
|
+
export type OutboundRealtimeOfferFulfillmentConversionEventPayload = {
|
|
16
|
+
name: 'REALTIME_OFFER_FULFILLMENT_CONVERSION';
|
|
17
|
+
body: {
|
|
18
|
+
rclid: string;
|
|
19
|
+
accountID: string;
|
|
20
|
+
referralCreativeID: string;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
15
23
|
export type OutboundRealtimeOfferFulfillmentSuccessEventPayload = {
|
|
16
24
|
name: 'REALTIME_OFFER_FULFILLMENT_SUCCESS';
|
|
17
25
|
body: Record<string, string>;
|
|
@@ -28,7 +36,7 @@ export type OutboundUpsellCreativeSentEventPayload = {
|
|
|
28
36
|
description: string;
|
|
29
37
|
};
|
|
30
38
|
};
|
|
31
|
-
export type OutboundPartnerEventPayload<EventType extends OutboundPartnerEvent> = EventType extends 'REALTIME_OFFER_FULFILLMENT_REFERRAL' ? OutboundRealtimeOfferFulfillmentReferralEventPayload : EventType extends 'REALTIME_OFFER_FULFILLMENT_SUCCESS' ? OutboundRealtimeOfferFulfillmentSuccessEventPayload : EventType extends 'V2_CART_ITEM_UPDATED' | 'CART_ITEM_INSTANT_PURCHASE' | 'UPSELL_CREATIVE_SENT' ? never : {
|
|
39
|
+
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 : {
|
|
32
40
|
name: EventType;
|
|
33
41
|
};
|
|
34
42
|
export type SendPartner<EventType extends OutboundPartnerEvent> = {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export type CatalogOutboundPartnerEvent = 'V2_CART_ITEM_UPDATED' | 'CART_ITEM_INSTANT_PURCHASE';
|
|
2
|
-
export type OfferOutboundPartnerEvent = CatalogOutboundPartnerEvent | 'OFFER_ENGAGEMENT' | 'POSITIVE_ENGAGEMENT' | 'UPSELL_CREATIVE_SENT' | 'REALTIME_OFFER_FULFILLMENT_REFERRAL' | 'REALTIME_OFFER_FULFILLMENT_SUCCESS';
|
|
2
|
+
export type OfferOutboundPartnerEvent = CatalogOutboundPartnerEvent | 'OFFER_ENGAGEMENT' | 'POSITIVE_ENGAGEMENT' | 'UPSELL_CREATIVE_SENT' | 'REALTIME_OFFER_FULFILLMENT_REFERRAL' | 'REALTIME_OFFER_FULFILLMENT_CONVERSION' | 'REALTIME_OFFER_FULFILLMENT_SUCCESS';
|
|
3
3
|
export type OutboundPartnerEvent = OfferOutboundPartnerEvent | 'PLACEMENT_CLOSED' | 'PLACEMENT_COMPLETED' | 'PLACEMENT_INTERACTIVE' | 'PLACEMENT_FAILURE';
|
|
4
4
|
export declare function isOutboundPartnerEvent(value: unknown): value is OutboundPartnerEvent;
|
|
5
5
|
export declare function isOfferOutboundPartnerEvent(value: unknown): value is OfferOutboundPartnerEvent;
|
|
@@ -2,10 +2,10 @@ import { PluginCreativeResponseActionType } from './plugin';
|
|
|
2
2
|
export type Signals = (CoreSignals | CartSignals) & {
|
|
3
3
|
creativeInstanceGuid?: string;
|
|
4
4
|
};
|
|
5
|
-
export type CoreSignals = LoadStart | LoadComplete | Activation | Impression | Response | Dismissal | UserInteraction | InstantPurchaseDismissal;
|
|
5
|
+
export type CoreSignals = LoadStart | LoadComplete | Activation | Impression | Viewed | Response | Dismissal | UserInteraction | InstantPurchaseDismissal;
|
|
6
6
|
export type ResponseActionPayload = CaptureOnlyAction | UrlAction | ExternalAction | FulfillmentAction;
|
|
7
7
|
export type CartSignals = CartItemInstantPurchaseInitiated | CartItemInstantPurchase | CartItemInstantPurchaseFailure | CartItemQuantitySelected;
|
|
8
|
-
export type UniqueSignal = LoadStart | LoadComplete | Activation | Impression | Response | Dismissal | UserInteraction | InstantPurchaseDismissal | CartItemInstantPurchaseInitiated | CartItemInstantPurchase | CartItemInstantPurchaseFailure;
|
|
8
|
+
export type UniqueSignal = LoadStart | LoadComplete | Activation | Impression | Viewed | Response | Dismissal | UserInteraction | InstantPurchaseDismissal | CartItemInstantPurchaseInitiated | CartItemInstantPurchase | CartItemInstantPurchaseFailure;
|
|
9
9
|
export declare enum InitiatedBy {
|
|
10
10
|
DCUI = "DCUI",
|
|
11
11
|
Partner = "partner"
|
|
@@ -23,6 +23,12 @@ export interface Impression {
|
|
|
23
23
|
name: 'SignalImpression';
|
|
24
24
|
parentGuid: string;
|
|
25
25
|
}
|
|
26
|
+
export interface Viewed {
|
|
27
|
+
name: 'SignalViewed';
|
|
28
|
+
parentGuid: string;
|
|
29
|
+
supportedByBrowser: boolean;
|
|
30
|
+
inferred: boolean;
|
|
31
|
+
}
|
|
26
32
|
export interface Dismissal {
|
|
27
33
|
name: 'SignalDismissal';
|
|
28
34
|
parentGuid: string;
|
|
@@ -2,9 +2,14 @@ import { PluginCatalogItem } from '../../../../libraries/domain/src/models';
|
|
|
2
2
|
export type SetSelectedItemPayload = {
|
|
3
3
|
catalogItem: PluginCatalogItem;
|
|
4
4
|
};
|
|
5
|
+
export declare const TRIGGER_SELECT_ITEM = "CATALOG/TRIGGER_SELECT_ITEM";
|
|
6
|
+
export type TriggerSelectItemAction = {
|
|
7
|
+
type: typeof TRIGGER_SELECT_ITEM;
|
|
8
|
+
payload: SetSelectedItemPayload;
|
|
9
|
+
};
|
|
5
10
|
export declare const SET_SELECTED_ITEM = "CATALOG/SET_SELECTED_ITEM";
|
|
6
|
-
export type
|
|
11
|
+
export type SetSelectedItemAction = {
|
|
7
12
|
type: typeof SET_SELECTED_ITEM;
|
|
8
13
|
payload: SetSelectedItemPayload;
|
|
9
14
|
};
|
|
10
|
-
export type CatalogSelectionActions =
|
|
15
|
+
export type CatalogSelectionActions = SetSelectedItemAction | TriggerSelectItemAction;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare const CHECKOUT_LIFECYCLE = "CHECKOUT_LIFECYCLE";
|
|
2
|
+
export interface CheckoutLifecycle {
|
|
3
|
+
type: typeof CHECKOUT_LIFECYCLE;
|
|
4
|
+
payload: CheckoutLifecyclePayload;
|
|
5
|
+
}
|
|
6
|
+
export type CheckoutLifecyclePayload = {
|
|
7
|
+
event: 'Checkout';
|
|
8
|
+
targetStep: CheckoutStep;
|
|
9
|
+
offerPositionIndex: number;
|
|
10
|
+
};
|
|
11
|
+
export type CheckoutStep = 'ViewOffer' | 'ViewTransactionDetails' | 'EditPayment' | 'EditShipping' | 'EditPaymentAndShipping' | 'CostBreakdown' | 'Confirmation' | 'CloseOffer';
|
|
@@ -3,6 +3,7 @@ import { InstantPurchase } from '@rokt/partner-integration';
|
|
|
3
3
|
export type InitiateInstantPurchasePayload = {
|
|
4
4
|
catalogItem: PluginCatalogItem;
|
|
5
5
|
quantity: number;
|
|
6
|
+
useInstantPurchaseExtension?: boolean;
|
|
6
7
|
};
|
|
7
8
|
export declare const INITIATE_INSTANT_PURCHASE = "INSTANT_PURCHASE/INITIATE";
|
|
8
9
|
export type InitiateInstantPurchase = {
|
|
@@ -1,22 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export interface CatalogCombinedCollectionStyles {
|
|
3
|
-
container?: null | ContainerStylingProperties;
|
|
4
|
-
background?: null | BackgroundStylingProperties;
|
|
5
|
-
border?: null | BorderStylingProperties;
|
|
6
|
-
dimension?: null | DimensionStylingProperties;
|
|
7
|
-
flexChild?: null | FlexChildStylingProperties;
|
|
8
|
-
spacing?: null | SpacingStylingProperties;
|
|
9
|
-
}
|
|
10
|
-
export interface CatalogCombinedCollectionTransitions {
|
|
11
|
-
own?: null | CatalogCombinedCollectionStyles;
|
|
12
|
-
}
|
|
13
|
-
export interface CatalogCombinedCollectionElements {
|
|
14
|
-
own: StatelessStylingBlock<CatalogCombinedCollectionStyles>[];
|
|
15
|
-
}
|
|
16
|
-
export interface CatalogCombinedCollectionModel<NodeTemplate, Predicates> {
|
|
17
|
-
styles?: null | LayoutStyle<CatalogCombinedCollectionElements, ConditionalStyleTransition<CatalogCombinedCollectionTransitions, Predicates>>;
|
|
18
|
-
template: NodeTemplate;
|
|
19
|
-
}
|
|
1
|
+
import { CatalogCombinedCollectionModel, LayoutSchemaModel, WhenPredicate } from '@rokt/dcui-layout-schema';
|
|
20
2
|
export interface CatalogCombinedCollectionProps<Template extends LayoutSchemaModel> {
|
|
21
3
|
/**
|
|
22
4
|
* - `styles`:
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { BackgroundStylingProperties, BasicStateStylingBlock, BorderStylingProperties, ConditionalStyleTransition, ContainerStylingProperties, DimensionStylingProperties, FlexChildStylingProperties, LayoutStyle, NonInteractableChildren, SpacingStylingProperties, TextStylingProperties, WhenPredicate } from '@rokt/dcui-layout-schema';
|
|
2
2
|
import { PluginCatalogItem } from '../../../../../libraries/domain/src/models';
|
|
3
|
-
export interface
|
|
3
|
+
export interface CatalogDropDownStyles {
|
|
4
4
|
container?: null | ContainerStylingProperties;
|
|
5
5
|
background?: null | BackgroundStylingProperties;
|
|
6
6
|
border?: null | BorderStylingProperties;
|
|
@@ -9,29 +9,28 @@ export interface DropDownStyles {
|
|
|
9
9
|
spacing?: null | SpacingStylingProperties;
|
|
10
10
|
text?: null | TextStylingProperties;
|
|
11
11
|
}
|
|
12
|
-
export interface
|
|
13
|
-
own?: null |
|
|
12
|
+
export interface CatalogDropDownTransitions {
|
|
13
|
+
own?: null | CatalogDropDownStyles;
|
|
14
14
|
}
|
|
15
|
-
export interface
|
|
16
|
-
own: BasicStateStylingBlock<
|
|
17
|
-
dropDownSelectedElement?: null | BasicStateStylingBlock<
|
|
18
|
-
dropDownListContainer?: null | BasicStateStylingBlock<
|
|
19
|
-
dropDownListElement?: null | BasicStateStylingBlock<
|
|
15
|
+
export interface CatalogDropDownElements {
|
|
16
|
+
own: BasicStateStylingBlock<CatalogDropDownStyles>[];
|
|
17
|
+
dropDownSelectedElement?: null | BasicStateStylingBlock<CatalogDropDownStyles>[];
|
|
18
|
+
dropDownListContainer?: null | BasicStateStylingBlock<CatalogDropDownStyles>[];
|
|
19
|
+
dropDownListElement?: null | BasicStateStylingBlock<CatalogDropDownStyles>[];
|
|
20
20
|
}
|
|
21
|
-
export interface
|
|
21
|
+
export interface CatalogDropDownOptionData {
|
|
22
22
|
catalogItem: PluginCatalogItem;
|
|
23
23
|
index: number;
|
|
24
24
|
}
|
|
25
|
-
interface
|
|
26
|
-
styles?: null | LayoutStyle<
|
|
25
|
+
interface CatalogDropDownModel<NonInteractableChildren, Predicates> {
|
|
26
|
+
styles?: null | LayoutStyle<CatalogDropDownElements, ConditionalStyleTransition<CatalogDropDownTransitions, Predicates>>;
|
|
27
27
|
openTemplate: NonInteractableChildren;
|
|
28
28
|
closedTemplate: NonInteractableChildren;
|
|
29
|
-
|
|
30
|
-
options: DropDownOptionData[];
|
|
29
|
+
options: CatalogDropDownOptionData[];
|
|
31
30
|
}
|
|
32
|
-
export interface
|
|
31
|
+
export interface CatalogDropDownProps {
|
|
33
32
|
/**
|
|
34
|
-
* - `openTemplate`, `closedTemplate
|
|
33
|
+
* - `openTemplate`, `closedTemplate`: it can accept below nodes,
|
|
35
34
|
* * `Row`
|
|
36
35
|
* * `FlowRow
|
|
37
36
|
* * `Column`
|
|
@@ -68,8 +67,8 @@ export interface DropDownProps {
|
|
|
68
67
|
* - `spacing`
|
|
69
68
|
* - `text`
|
|
70
69
|
*/
|
|
71
|
-
schema:
|
|
70
|
+
schema: CatalogDropDownModel<NonInteractableChildren, WhenPredicate>;
|
|
72
71
|
testId?: string;
|
|
73
72
|
}
|
|
74
|
-
export declare function
|
|
73
|
+
export declare function CatalogDropDown(props: CatalogDropDownProps): import("react/jsx-runtime").JSX.Element;
|
|
75
74
|
export {};
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { BackgroundStylingProperties, BorderStylingProperties, ConditionalStyleTransition, ContainerStylingProperties, DimensionStylingProperties, FlexChildStylingProperties, LayoutStyle, NonInteractableChildren, SpacingStylingProperties, StatelessStylingBlock, WhenPredicate } from '@rokt/dcui-layout-schema';
|
|
2
|
+
import { CheckoutStep } from '../../actions/checkout-lifecycle';
|
|
3
|
+
export interface CheckoutStateButtonTriggerStyles {
|
|
4
|
+
background?: null | BackgroundStylingProperties;
|
|
5
|
+
border?: null | BorderStylingProperties;
|
|
6
|
+
container?: null | ContainerStylingProperties;
|
|
7
|
+
dimension?: null | DimensionStylingProperties;
|
|
8
|
+
flexChild?: null | FlexChildStylingProperties;
|
|
9
|
+
spacing?: null | SpacingStylingProperties;
|
|
10
|
+
}
|
|
11
|
+
export interface CheckoutStateButtonTriggerTransitions {
|
|
12
|
+
own?: null | CheckoutStateButtonTriggerStyles;
|
|
13
|
+
}
|
|
14
|
+
export interface CheckoutStateButtonTriggerElements {
|
|
15
|
+
own: StatelessStylingBlock<CheckoutStateButtonTriggerStyles>[];
|
|
16
|
+
}
|
|
17
|
+
export interface CheckoutStateButtonTriggerModel<Children, Predicates> {
|
|
18
|
+
a11yLabel?: null | string;
|
|
19
|
+
targetStep: CheckoutStep;
|
|
20
|
+
styles?: null | LayoutStyle<CheckoutStateButtonTriggerElements, ConditionalStyleTransition<CheckoutStateButtonTriggerTransitions, Predicates>>;
|
|
21
|
+
children: Children[];
|
|
22
|
+
}
|
|
23
|
+
export interface CheckoutStateButtonTriggerProps {
|
|
24
|
+
/**
|
|
25
|
+
* - `a11yLabel`: define a custom accessibility label for a screen reader
|
|
26
|
+
* - `targetStep`: Checkout transaction step to transition to when element is clicked
|
|
27
|
+
* - `children`: it can accept below nodes,
|
|
28
|
+
* * `Row`
|
|
29
|
+
* * `Column`
|
|
30
|
+
* * `ZStack`
|
|
31
|
+
* * `FlowRow`
|
|
32
|
+
* * `BasicText`
|
|
33
|
+
* * `StaticImage`
|
|
34
|
+
* * `StaticIcon`
|
|
35
|
+
* * `DataImage`
|
|
36
|
+
* * `DataIcon`
|
|
37
|
+
* * `When`
|
|
38
|
+
* * `InlineContainer`
|
|
39
|
+
* * `EscapeHatch`
|
|
40
|
+
* - `styles`:
|
|
41
|
+
* * `elements`:
|
|
42
|
+
* - `own`:
|
|
43
|
+
* * `background`
|
|
44
|
+
* * `border`
|
|
45
|
+
* * `container`
|
|
46
|
+
* * `dimension`
|
|
47
|
+
* * `flexChild`
|
|
48
|
+
* * `spacing`
|
|
49
|
+
* * `transitions`:
|
|
50
|
+
* - `type`: 'Conditional'
|
|
51
|
+
* - `transition`:
|
|
52
|
+
* * `predicates`: WhenPredicate[]
|
|
53
|
+
* * `duration`: number
|
|
54
|
+
* * `value`:
|
|
55
|
+
* - `own`:
|
|
56
|
+
* * `container`
|
|
57
|
+
* * `dimension`
|
|
58
|
+
* * `flexChild`
|
|
59
|
+
* * `spacing`
|
|
60
|
+
* * `background`
|
|
61
|
+
* * `border`
|
|
62
|
+
*/
|
|
63
|
+
schema: CheckoutStateButtonTriggerModel<NonInteractableChildren, WhenPredicate>;
|
|
64
|
+
testId?: string;
|
|
65
|
+
}
|
|
66
|
+
export declare function CheckoutStateButtonTrigger(props: CheckoutStateButtonTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { BackgroundStylingProperties, BasicStateStylingBlock, BorderStylingProperties, ConditionalStyleTransition, ContainerStylingProperties, DimensionStylingProperties, FlexChildStylingProperties, LayoutStyle, SpacingStylingProperties, WhenPredicate } from '@rokt/dcui-layout-schema';
|
|
2
|
+
interface ColorSwatchStyles {
|
|
3
|
+
container?: null | ContainerStylingProperties;
|
|
4
|
+
background?: null | BackgroundStylingProperties;
|
|
5
|
+
border?: null | BorderStylingProperties;
|
|
6
|
+
dimension?: null | DimensionStylingProperties;
|
|
7
|
+
flexChild?: null | FlexChildStylingProperties;
|
|
8
|
+
spacing?: null | SpacingStylingProperties;
|
|
9
|
+
}
|
|
10
|
+
interface ColorSwatchElements {
|
|
11
|
+
own: BasicStateStylingBlock<ColorSwatchStyles>[];
|
|
12
|
+
}
|
|
13
|
+
interface ColorSwatchTransitions {
|
|
14
|
+
own: null | ColorSwatchStyles;
|
|
15
|
+
}
|
|
16
|
+
export interface ColorSwatchModel<Predicates> {
|
|
17
|
+
styles?: null | LayoutStyle<ColorSwatchElements, ConditionalStyleTransition<ColorSwatchTransitions, Predicates>>;
|
|
18
|
+
value: string;
|
|
19
|
+
}
|
|
20
|
+
export interface ColorSwatchProps {
|
|
21
|
+
schema: ColorSwatchModel<WhenPredicate>;
|
|
22
|
+
testId?: string;
|
|
23
|
+
}
|
|
24
|
+
export declare function ColorSwatch(props: ColorSwatchProps): import("react/jsx-runtime").JSX.Element | null;
|
|
25
|
+
export {};
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import { GlobalActions } from '../../../../libraries/domain/src/behaviors';
|
|
2
|
-
import { ChildLayoutActions, childLayoutsReducer, ChildLayoutsState, StaticData, staticDataReducer } from '@rokt/module-utils';
|
|
2
|
+
import { ChildLayoutActions, childLayoutsReducer, ChildLayoutsState, StaticData, staticDataReducer, DynamicData, dynamicDataReducer } from '@rokt/module-utils';
|
|
3
3
|
import { CatalogSelectionState } from '../models/state/catalog-selection';
|
|
4
4
|
export type AppState = {
|
|
5
5
|
staticData: StaticData;
|
|
6
6
|
selectedItem: CatalogSelectionState;
|
|
7
|
+
dynamicData: DynamicData;
|
|
7
8
|
childLayouts: ChildLayoutsState;
|
|
8
9
|
};
|
|
9
10
|
export type StateActions = GlobalActions | ChildLayoutActions;
|
|
10
11
|
export declare const appReducers: {
|
|
11
12
|
staticData: typeof staticDataReducer;
|
|
12
13
|
selectedItem: (state: CatalogSelectionState | undefined, action: import("redux").AnyAction) => CatalogSelectionState;
|
|
14
|
+
dynamicData: typeof dynamicDataReducer;
|
|
13
15
|
childLayouts: typeof childLayoutsReducer;
|
|
14
16
|
};
|
|
15
17
|
export declare function makeAppInitialState(data?: Partial<AppState>): AppState;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './sagas';
|
|
@@ -16,4 +16,4 @@ export declare const sagaActionTypes: {
|
|
|
16
16
|
readonly SET_GLOBAL_OFFER_DATA_CART: "GLOBAL/SET_GLOBAL_OFFER_DATA_CART";
|
|
17
17
|
readonly LAUNCH_CHILD_LAYOUT: "GLOBAL/LAUNCH_CHILD_LAYOUT";
|
|
18
18
|
};
|
|
19
|
-
export declare function appSagas(gateway: GlobalGateway, logger: (log: Log) => void): Generator<import("redux-saga/effects").AllEffect<import("redux-saga/effects").ForkEffect<
|
|
19
|
+
export declare function appSagas(gateway: GlobalGateway, logger: (log: Log) => void): Generator<import("redux-saga/effects").AllEffect<import("redux-saga/effects").ForkEffect<void>>, void, unknown>;
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import { SelectEffect, PutEffect, CallEffect } from 'redux-saga/effects';
|
|
2
|
-
import { Log } from '../../../../../libraries/domain/src/models';
|
|
3
|
-
import { InitiateInstantPurchase, InstantPurchasePartnerResponse } from '../../actions/instant-purchase';
|
|
2
|
+
import { Log, PluginCatalogItem } from '../../../../../libraries/domain/src/models';
|
|
4
3
|
import { GlobalGateway } from '../../../../../libraries/module-connector/src/main';
|
|
5
4
|
import { StaticData } from '@rokt/module-utils';
|
|
5
|
+
import { InitiateInstantPurchase, InstantPurchasePartnerResponse } from '../../actions/instant-purchase';
|
|
6
|
+
import { TriggerSelectItemAction } from '../../actions';
|
|
6
7
|
export declare const INSTANT_PURCHASE_RESPONSE_TTL = 60000;
|
|
7
|
-
export declare function
|
|
8
|
+
export declare function processSelectFirstCatalogItem(): Generator<SelectEffect | PutEffect, void, PluginCatalogItem | undefined>;
|
|
9
|
+
export declare function processSelectCatalogItem(action: TriggerSelectItemAction): Generator<PutEffect, void, PluginCatalogItem | undefined>;
|
|
10
|
+
export declare function processInstantPurchaseCartItem(gateway: GlobalGateway, logger: (log: Log) => void, action: InitiateInstantPurchase): Generator<CallEffect | PutEffect | import("redux-saga/effects").ForkEffect<void> | PutEffect<{
|
|
8
11
|
type: string;
|
|
9
12
|
payload: {
|
|
10
13
|
name: string;
|
|
@@ -14,6 +17,12 @@ export declare function processInstantPurchaseCartItem(gateway: GlobalGateway, l
|
|
|
14
17
|
quantity: number;
|
|
15
18
|
};
|
|
16
19
|
};
|
|
20
|
+
}> | PutEffect<{
|
|
21
|
+
type: string;
|
|
22
|
+
payload: {
|
|
23
|
+
key: string;
|
|
24
|
+
value: number;
|
|
25
|
+
};
|
|
17
26
|
}> | PutEffect<{
|
|
18
27
|
type: string;
|
|
19
28
|
payload: {
|
|
@@ -24,7 +33,7 @@ export declare function processInstantPurchaseCartItem(gateway: GlobalGateway, l
|
|
|
24
33
|
currency: string;
|
|
25
34
|
};
|
|
26
35
|
};
|
|
27
|
-
}>, void,
|
|
36
|
+
}>, void, any>;
|
|
28
37
|
export declare function handleInstantPurchasePartnerResponse(logger: (log: Log) => void, action: InstantPurchasePartnerResponse): Generator<SelectEffect | PutEffect | CallEffect, void, StaticData | undefined>;
|
|
29
38
|
/** Visible for testing */
|
|
30
39
|
export declare function initiateInstantPurchaseResponseListening(gateway: GlobalGateway, logger: (log: Log) => void): Generator<CallEffect<void> | import("redux-saga/effects").RaceEffect<CallEffect<void> | CallEffect<true>> | PutEffect<{
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './selectors';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { AppState } from '../../reducers';
|
|
2
|
+
import { PluginCatalogItem } from '../../../../../libraries/domain/src/models';
|
|
3
|
+
export declare function getCatalogItems(state: AppState): Array<PluginCatalogItem>;
|
|
4
|
+
export declare function getFirstCatalogItem(state: AppState): PluginCatalogItem | undefined;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './catalogItems';
|
|
@@ -2,10 +2,12 @@ import { GlobalActions, OfferEngagement, OfferEngagementFulfillmentPayload } fro
|
|
|
2
2
|
import { Log } from '../../../../../libraries/domain/src/models';
|
|
3
3
|
import { GlobalGateway } from '../../../../../libraries/module-connector/src/main';
|
|
4
4
|
import { CallEffect, CancelledEffect, ChannelTakeEffect, PutEffect, TakeEffect } from 'redux-saga/effects';
|
|
5
|
+
import { ChildPluginFactoryInterface } from '@rokt/plugin';
|
|
5
6
|
import { ChildPluginResult, RealtimeFulfillmentEvent } from './channels';
|
|
6
7
|
import { EventChannel } from 'redux-saga';
|
|
8
|
+
type ChildPlugin = ReturnType<ChildPluginFactoryInterface['create']>;
|
|
7
9
|
export declare function listenToChildPluginChannel(channel: EventChannel<ChildPluginResult>, dispatch: (action: GlobalActions) => void, isRealtimeConversion: boolean, realtimeSuccessCallback?: () => Generator<CallEffect<void> | PutEffect, void, void>): Generator<CallEffect<void> | ChannelTakeEffect<"SUCCESS" | "UNSPECIFIED" | "CLOSED">, void, ChildPluginResult>;
|
|
8
|
-
export declare function getRealtimeFulfillmentSuccessCallback(gateway: GlobalGateway, logger: (log: Log) => void, payload: OfferEngagementFulfillmentPayload): (() => Generator<CallEffect<void> | PutEffect<{
|
|
10
|
+
export declare function getRealtimeFulfillmentSuccessCallback(gateway: GlobalGateway, logger: (log: Log) => void, payload: OfferEngagementFulfillmentPayload, childPlugin: Pick<ChildPlugin, 'close'>): (() => Generator<CallEffect<void> | PutEffect<{
|
|
9
11
|
type: string;
|
|
10
12
|
payload: {
|
|
11
13
|
name: string;
|
|
@@ -16,5 +18,6 @@ export declare function getRealtimeFulfillmentSuccessCallback(gateway: GlobalGat
|
|
|
16
18
|
};
|
|
17
19
|
};
|
|
18
20
|
}>, void, unknown>) | undefined;
|
|
19
|
-
export declare function listenForRealtimeFulfillmentEvent(gateway: GlobalGateway, logger: (log: Log) => void): Generator<TakeEffect | CallEffect | CancelledEffect | PutEffect | ChannelTakeEffect<RealtimeFulfillmentEvent>, void, RealtimeFulfillmentEvent>;
|
|
21
|
+
export declare function listenForRealtimeFulfillmentEvent(gateway: GlobalGateway, logger: (log: Log) => void, childPlugin?: Pick<ChildPlugin, 'close'>): Generator<TakeEffect | CallEffect | CancelledEffect | PutEffect | ChannelTakeEffect<RealtimeFulfillmentEvent>, void, RealtimeFulfillmentEvent>;
|
|
20
22
|
export declare function processOfferResponse(gateway: GlobalGateway, logger: (log: Log) => void, action: OfferEngagement): Generator<CallEffect | PutEffect, void, never>;
|
|
23
|
+
export {};
|