@rokt/dcui-orchestrator 0.2.1-rc.30 → 0.2.1-rc.31

package/dist/modules/instant-purchase/src/components/escape-hatch/factory.d.ts

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

package/dist/modules/instant-purchase/src/components/escape-hatch/index.d.ts

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

package/dist/modules/instant-purchase/src/components/inline-container/factory.d.ts

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

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

@@ -0,0 +1,40 @@
+import { InlineContainerModel, LayoutSchemaModel, WhenPredicate } from '@rokt/dcui-layout-schema';
+interface InlineContainerProps<Children extends LayoutSchemaModel> {
+    /**
+     *  - `a11yLabel`: define a custom accessibility label for the screen reader
+     *  - `children`: it can accept below nodes,
+     *    * `BasicText (with inline styles only)`
+     *    * `StaticLink (with inline styles only)`
+     *    * `ToggleButtonStateTrigger (with inline styles only)`
+     *  - `styles`:
+     *    * `elements`:
+     *      - `own`:
+     *        * `container`
+     *        * `dimension`
+     *        * `flexChild`
+     *        * `spacing`
+     *        * `background`
+     *        * `border`
+     *    * `transitions`:
+     *      - `type`: 'Conditional'
+     *      - `transition`:
+     *        * `predicates`: WhenPredicate[]
+     *        * `duration`: number
+     *        * `value`:
+     *         - `own`:
+     *           * `container`
+     *           * `dimension`
+     *           * `flexChild`
+     *           * `spacing`
+     *           * `background`
+     *           * `border`
+     */
+    schema: InlineContainerModel<Children, WhenPredicate>;
+    testId?: string;
+}
+/** The Inline Container is a layout node that organises and aligns content horizontally,
+ * treating every child as an inline element.<br>
+ * *Where can we use this: __outer layout__, __layout variant__*
+ * */
+export declare function InlineContainer<Children extends LayoutSchemaModel>(props: InlineContainerProps<Children>): JSX.Element;
+export {};

package/dist/modules/instant-purchase/src/components/offer-lifecycle-timer/offer-lifecycle-timer.d.ts

@@ -19,6 +19,7 @@ export interface OfferLifecycleTimerModel<Predicates> {
 }
 export interface OfferLifecycleTimerProps {
     schema: OfferLifecycleTimerModel<WhenPredicate>;
+    isInline?: boolean;
     testId?: string;
 }
 export declare function OfferLifecycleTimer(props: OfferLifecycleTimerProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/instant-purchase/src/components/rich-text/factory.d.ts

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

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

@@ -0,0 +1,60 @@
+import { BasicStateStylingBlock, InLineTextStyle, RichTextStyle, ConditionalStyleTransition, RichTextTransitions, LayoutStyle, LinkOpenTarget, WhenPredicate } from '@rokt/dcui-layout-schema';
+export interface RichTextElements {
+    own: BasicStateStylingBlock<RichTextStyle>[];
+    link?: null | BasicStateStylingBlock<InLineTextStyle>[];
+}
+interface RichTextModel<Predicates> {
+    styles?: null | LayoutStyle<RichTextElements, ConditionalStyleTransition<RichTextTransitions, Predicates>>;
+    openLinks?: null | LinkOpenTarget;
+    value: string;
+}
+export interface RichTextProps {
+    /**
+     *  - `openLinks`: 'internally' | 'externally'
+     *  - `value`: the textual content. It supports:
+     *      * plain text;
+     *      * html:  `<em>`, `<strong>`, `<a>`, '<br>', '<u>';
+     *      * data expansion placeholder: e.g `%^DATA.creativeCopy.creative.title|^%`,
+     *         `%^DATA.creativeCopy.creative.copy|^%`,
+     *         `%^DATA.creativeLink.termsAndConditions|^%`,
+     *         `%^DATA.creativeLink.privacyPolicy|^%`.
+     *  - `styles`:
+     *    * `elements`:
+     *      - `own`:
+     *        * `dimension`
+     *        * `flexChild`
+     *        * `spacing`
+     *        * `background`
+     *        * `text`
+     *      - `link`:
+     *        * `text`
+     */
+    schema: RichTextModel<WhenPredicate>;
+    isInline?: boolean;
+    testId?: string;
+}
+export declare const sanitiseOptions: {
+    allowedTags: string[];
+    allowedAttributes: {
+        a: string[];
+        strong: never[];
+        em: never[];
+        br: never[];
+        u: never[];
+        p: never[];
+        ol: never[];
+        ul: never[];
+        li: never[];
+        span: never[];
+    };
+    allowedSchemes: string[];
+};
+export declare const insaneExceptionCharacters: Map<string, string>;
+export declare const breaklinePattern: RegExp;
+/**The RichText override-Node is meant to be used for testing new element-styling only.<br>
+ * If no additional functionality is required for an instance of RichText, it is recommended to use the base node in plugin.<br>
+ * It also supports data expansion with namespace 'creativeCopy'.<br>
+ * *Where can we use this: __outer layout__, __layout variant__*
+ * */
+export declare function RichText(props: RichTextProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/package.json

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