@rokt/dcui-orchestrator 0.2.1-rc.5 → 0.2.1-rc.7

package/dist/modules/add-to-cart/src/components/catalog-partner-event-button/catalog-partner-event-button.d.ts

@@ -0,0 +1,8 @@
+import { CatalogResponseButtonModel, NonInteractableChildren, WhenPredicate } from '@rokt/dcui-layout-schema';
+export interface CatalogPartnerEventButtonProps {
+    schema: CatalogResponseButtonModel<NonInteractableChildren, WhenPredicate> & {
+        partnerEventName?: string;
+    };
+    testId?: string;
+}
+export declare function CatalogPartnerEventButton(props: CatalogPartnerEventButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
 import { PluginCatalogItem, UpsellItem } from '../../../../libraries/domain/src/models';
 import { InstantPurchase } from '@rokt/partner-integration';
-import { FulfillmentDetailsState, VariationSelectionRequiredState } from '../models';
+import { FulfillmentDetailsState } from '../models';
 export type InitiateInstantPurchasePayload = {
     catalogItem: PluginCatalogItem;
     quantity: number;
@@ -57,9 +57,4 @@ export type SetFulfillmentDetails = {
     type: typeof SET_FULFILLMENT_DETAILS;
     payload: FulfillmentDetailsState;
 };
-export declare const SET_VARIATION_SELECTION_REQUIRED = "INSTANT_PURCHASE/SET_VARIATION_SELECTION_REQUIRED";
-export type SetVariationSelectionRequired = {
-    type: typeof SET_VARIATION_SELECTION_REQUIRED;
-    payload: VariationSelectionRequiredState | null;
-};
 export type InstantPurchaseActions = InitiateInstantPurchase;

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

@@ -1,5 +1,6 @@
 import { BackgroundStylingProperties, BasicStateStylingBlock, BorderStylingProperties, ConditionalStyleTransition, ContainerStylingProperties, DimensionStylingProperties, FlexChildStylingProperties, LayoutStyle, NonInteractableChildren, SpacingStylingProperties, TextStylingProperties, WhenPredicate } from '@rokt/dcui-layout-schema';
-import { PluginCatalogItem } from '../../../../../libraries/domain/src/models';
+import { ValidatorFieldConfig } from '../../validators';
+export type CatalogDropDownValidators = 'required';
 export interface CatalogDropDownStyles {
     container?: null | ContainerStylingProperties;
     background?: null | BackgroundStylingProperties;
@@ -21,17 +22,13 @@ export interface CatalogDropDownElements {
     dropDownListElement?: null | BasicStateStylingBlock<CatalogDropDownStyles>[];
     errorContentContainerStyles?: null | BasicStateStylingBlock<CatalogDropDownStyles>[];
 }
-export interface CatalogDropDownOptionData {
-    catalogItem: PluginCatalogItem;
-    index: number;
-}
 interface CatalogDropDownModel<NonInteractableChildren, Predicates> {
     styles?: null | LayoutStyle<CatalogDropDownElements, ConditionalStyleTransition<CatalogDropDownTransitions, Predicates>>;
     openTemplate: NonInteractableChildren;
     closedTemplate: NonInteractableChildren;
     closedDefaultTemplate: NonInteractableChildren;
     requiredSelectionErrorTemplate?: NonInteractableChildren;
-    options: CatalogDropDownOptionData[];
+    validatorFieldConfig?: ValidatorFieldConfig<CatalogDropDownValidators>;
 }
 export interface CatalogDropDownProps {
     /**

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

@@ -1,4 +1,8 @@
 import { CatalogResponseButtonModel, NonInteractableChildren, WhenPredicate } from '@rokt/dcui-layout-schema';
+import { ValidatorTriggerConfig } from '../../validators';
+export interface CatalogResponseValidatorButtonModel<NonInteractableChildren, WhenPredicate> extends CatalogResponseButtonModel<NonInteractableChildren, WhenPredicate> {
+    validatorTriggerConfig?: ValidatorTriggerConfig;
+}
 export interface CatalogResponseButtonProps {
     /**
      *  - `children`: it can accept below nodes,
@@ -32,7 +36,7 @@ export interface CatalogResponseButtonProps {
      *            - `background`
      *            - `border`
      */
-    schema: CatalogResponseButtonModel<NonInteractableChildren, WhenPredicate>;
+    schema: CatalogResponseValidatorButtonModel<NonInteractableChildren, WhenPredicate>;
     testId?: string;
 }
 /**The CatalogResponse is a button node that generate a Call-to-Action button

package/dist/modules/instant-purchase/src/components/catalog-variation-selection-button/catalog-variation-selection-button.d.ts

@@ -1,4 +1,5 @@
 import { ContainerStylingProperties, BorderStylingProperties, DimensionStylingProperties, FlexChildStylingProperties, SpacingStylingProperties, BasicStateStylingBlock, LayoutStyle, ConditionalStyleTransition, WhenPredicate, NonInteractableChildren } from '@rokt/dcui-layout-schema';
+import { ValidatorTriggerConfig } from '../../validators';
 export interface CatalogVariationSelectionButtonStyles {
     container?: null | ContainerStylingProperties;
     border?: null | BorderStylingProperties;
@@ -17,6 +18,7 @@ export interface CatalogVariationSelectionButtonModel<Children, Predicates> {
     children: Children[];
     customStateKey: string;
     customStateValue: number;
+    validatorTriggerConfig?: ValidatorTriggerConfig;
     a11yLabel?: null | string;
 }
 export interface CatalogVariationSelectionButtonProps {

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

@@ -0,0 +1,78 @@
+import { BackgroundStylingProperties, BasicStateStylingBlock, BorderStylingProperties, ConditionalStyleTransition, DimensionStylingProperties, ContainerStylingProperties, FlexChildStylingProperties, LayoutStyle, SpacingStylingProperties, WhenPredicate, NonInteractableChildren } from '@rokt/dcui-layout-schema';
+import { ValidatorFieldConfig } from '../../validators';
+export type CheckboxValidators = 'required';
+export interface CheckboxStyles {
+    container?: null | ContainerStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface CheckboxTransitions {
+    own?: null | CheckboxStyles;
+}
+export interface CheckboxElements {
+    own: BasicStateStylingBlock<CheckboxStyles>[];
+    checkbox?: BasicStateStylingBlock<CheckboxStyles>[];
+    label?: BasicStateStylingBlock<CheckboxStyles>[];
+    checkboxContainerError?: BasicStateStylingBlock<CheckboxStyles>[];
+    checkboxError?: BasicStateStylingBlock<CheckboxStyles>[];
+    labelError?: BasicStateStylingBlock<CheckboxStyles>[];
+    errorContent?: BasicStateStylingBlock<CheckboxStyles>[];
+}
+export interface CheckboxModel<Predicates> {
+    styles?: null | LayoutStyle<CheckboxElements, ConditionalStyleTransition<CheckboxTransitions, Predicates>>;
+    checkboxColor?: string;
+    value?: boolean;
+    labelTemplate?: NonInteractableChildren[];
+    errorContentTemplate?: NonInteractableChildren[];
+    validatorFieldConfig?: ValidatorFieldConfig<CheckboxValidators>;
+}
+export interface CheckboxProps {
+    /**
+     *  - `labelTemplate`, `errorContentTemplate`: it can accept below nodes,
+     *    * `Row`
+     *    * `FlowRow
+     *    * `Column`
+     *    * `ZStack`
+     *    * `BasicText`
+     *    * `StaticImage`
+     *    * `DataImage`
+     *    * `When`
+     *    * `DataIcon`
+     *    * `StaticIcon`
+     *    * `EscapeHatch`
+     *  - `checkboxColor`:
+     *    * `string`
+     *  - `value`:
+     *    * `boolean`
+     *  - `styles`:
+     *    * `elements`:
+     *      * `own`, `checkbox`, `label`, `checkboxContainerError`,
+     *        `checkboxError`, `labelError`, `errorContent`:
+     *        - `container`
+     *        - `background`
+     *        - `border`
+     *        - `dimension`
+     *        - `flexChild`
+     *        - `spacing`
+     *    * `transitions`:
+     *      - `type`: 'Conditional'
+     *      - `transition`:
+     *        * `predicates`: WhenPredicate[]
+     *        * `duration`: number
+     *        * `value`:
+     *          * `own`, `checkbox`, `label`, `checkboxContainerError`,
+     *            `checkboxError`, `labelError`, `errorContent`:
+     *            - `container`
+     *            - `background`
+     *            - `border`
+     *            - `dimension`
+     *            - `flexChild`
+     *            - `spacing`
+     */
+    schema: CheckboxModel<WhenPredicate>;
+    testId?: string;
+}
+export declare function Checkbox(props: CheckboxProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/instant-purchase/src/models/state/instant-purchase.d.ts

@@ -1,6 +1,3 @@
 import { RequestFulfillmentDetails, PaymentRequestDetails } from '../../../../../libraries/domain/src/models';
 export type FulfillmentDetailsState = Partial<RequestFulfillmentDetails> | null;
 export type PaymentDetailsState = Partial<PaymentRequestDetails> | null;
-export type VariationSelectionTypes = 'variationColor' | 'variationSize' | 'variationUnits' | 'variationCount';
-export type VariationSelectionRequiredType = VariationSelectionTypes | 'default';
-export type VariationSelectionRequiredState = VariationSelectionRequiredType | null;

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

@@ -1,13 +1,12 @@
 import { GlobalActions } from '../../../../libraries/domain/src/behaviors';
 import { ChildLayoutActions, childLayoutsReducer, ChildLayoutsState, StaticData, staticDataReducer, DynamicData, dynamicDataReducer } from '@rokt/module-utils';
-import { CatalogSelectionState, FulfillmentDetailsState, VariationSelectionRequiredState } from '../models';
+import { CatalogSelectionState, FulfillmentDetailsState } from '../models';
 export type AppState = {
     staticData: StaticData;
     selectedItem: CatalogSelectionState;
     dynamicData: DynamicData;
     childLayouts: ChildLayoutsState;
     fulfillmentDetails: FulfillmentDetailsState;
-    variationSelectionRequired: VariationSelectionRequiredState;
 };
 export type StateActions = GlobalActions | ChildLayoutActions;
 export declare const appReducers: {
@@ -16,6 +15,5 @@ export declare const appReducers: {
     dynamicData: typeof dynamicDataReducer;
     childLayouts: typeof childLayoutsReducer;
     fulfillmentDetails: (state: FulfillmentDetailsState | undefined, action: import("redux").AnyAction) => FulfillmentDetailsState;
-    variationSelectionRequired: (state: VariationSelectionRequiredState | undefined, action: import("redux").AnyAction) => VariationSelectionRequiredState;
 };
 export declare function makeAppInitialState(data?: Partial<AppState>): AppState;

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

@@ -1,3 +1,2 @@
 export * from './fulfillment-details';
 export * from './utils';
-export * from './variation-selection-required';

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

@@ -0,0 +1,3 @@
+export * from './validator-provider';
+export * from './types';
+export * from './utils';

package/dist/modules/instant-purchase/src/validators/types.d.ts

@@ -0,0 +1,8 @@
+export interface ValidatorTriggerConfig {
+    validatorFieldKeys: string[];
+}
+export interface ValidatorFieldConfig<Validators extends string> {
+    validationFieldKey: string;
+    validators: Validators[];
+    validateOnChange?: boolean;
+}

package/dist/modules/instant-purchase/src/validators/utils.d.ts

@@ -0,0 +1,3 @@
+import { Validator } from './validator-provider';
+import { ValidatorFieldConfig } from './types';
+export declare function getActiveValidators<ValidatorType extends string>(validatorFunctions: Record<ValidatorType, Validator>, validatorFieldConfig: ValidatorFieldConfig<ValidatorType> | undefined): Validator[];

package/dist/modules/instant-purchase/src/validators/validator-provider.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+export type Validator = () => boolean;
+export interface ValidatorFieldData {
+    validators: Validator[];
+    isValid: boolean;
+}
+export type ValidatorMap = Record<string, ValidatorFieldData>;
+export interface ValidatorContextType {
+    registerValidators: (validatorFieldKey: string, validators: Validator[]) => void;
+    validateFieldKeys: (validatorFieldKey: string[]) => boolean;
+    getFieldKeyValidity: (validatorFieldKey: string) => boolean;
+}
+export declare const ValidatorContext: import("react").Context<ValidatorContextType | null>;
+/**
+ * React context provider that manages validation across multiple nodes.
+ * Stores a map of validator functions keyed by identifiers, tracks
+ * each node's validity, and exposes methods to register validators,
+ * validate nodes, and check validity.
+ */
+export declare function ValidatorProvider(props: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useValidator(): ValidatorContextType;
+export declare function useRegisterValidators(validationFieldKey: string | undefined, validators: Validator[]): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rokt/dcui-orchestrator",
-  "version": "0.2.1-rc.5",
+  "version": "0.2.1-rc.7",
   "description": "Rokt's DCUI rendering process",
   "main": "dist/index.cjs",
   "module": "dist/index.js",

package/dist/modules/instant-purchase/src/reducers/instant-purchase/variation-selection-required/index.d.ts

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

package/dist/modules/instant-purchase/src/reducers/instant-purchase/variation-selection-required/reducer.d.ts

@@ -1,4 +0,0 @@
-import { AnyAction } from '@reduxjs/toolkit';
-import { VariationSelectionRequiredState } from '../../../models';
-export declare function makeInitialVariationSelectionRequiredState(): VariationSelectionRequiredState;
-export declare const variationSelectionRequiredReducer: (state: VariationSelectionRequiredState | undefined, action: AnyAction) => VariationSelectionRequiredState;