pds-dev-kit-web-test 0.2.2 → 0.2.4

package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/replaceUndefinedValues.js

@@ -0,0 +1,42 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+function replaceUndefinedValues(jsonData) {
+    return Object.entries(jsonData).reduce(function (acc, cur) {
+        var _a;
+        var _b = cur, currentPropKey = _b[0], currentProps = _b[1];
+        var propKey = ['CB_STYLE_PROP', 'CB_EFFECT_PROP', 'CB_LAYOUT_PROP'];
+        var isIncludedPropKey = propKey.some(function (key) { return currentPropKey.includes(key); });
+        if (isIncludedPropKey) {
+            var specs = Object.keys(currentProps).reduce(function (accSpecs, curSpec) {
+                if (currentProps[curSpec] === undefined || currentProps[curSpec] === null) {
+                    var undefinedMobileKey = curSpec.replace(':MOBILE', '');
+                    if (undefinedMobileKey in currentProps) {
+                        accSpecs[curSpec] = currentProps[undefinedMobileKey];
+                    }
+                    else {
+                        accSpecs[curSpec] = currentProps[curSpec];
+                    }
+                }
+                return __assign({}, accSpecs);
+            }, currentProps);
+            return __assign(__assign({}, acc), (_a = {}, _a[currentPropKey] = specs, _a));
+        }
+        return acc;
+    }, jsonData);
+}
+exports.default = replaceUndefinedValues;
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function hasOwnProperty(obj, prop) {
+    return Object.prototype.hasOwnProperty.call(obj, prop);
+}

package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/textUtil.d.ts

@@ -0,0 +1,18 @@
+import type { Device } from '../util/types';
+export declare function parseStyleTextToCSSProp<T>({ availableSpecCodes, props, propKey, device }: ParseStyleTextProps<T>): {
+    style: {};
+    hoverStyle: {};
+};
+declare type ParseStyleTextProps<T> = {
+    availableSpecCodes: Array<keyof T>;
+    props: T;
+    propKey: 'TEXT';
+    device: Device;
+} | {
+    availableSpecCodes: Array<keyof T>;
+    props: T;
+    propKey: 'BTNTEXT';
+    device: Device;
+};
+export declare function getTextCSSPropKey(key: string, cbName: 'TEXT' | 'BTNTEXT'): "" | "color" | "fontFamily" | "letterSpacing" | "lineHeight" | "fontSize" | "fontWeight";
+export {};

package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/textUtil.js

@@ -0,0 +1,79 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTextCSSPropKey = exports.parseStyleTextToCSSProp = void 0;
+function parseStyleTextToCSSProp(_a) {
+    var availableSpecCodes = _a.availableSpecCodes, props = _a.props, propKey = _a.propKey, device = _a.device;
+    return availableSpecCodes.reduce(function (acc, currentKey) {
+        var _a, _b, _c, _d;
+        var stringifiedKey = currentKey.toString();
+        var keyWithDevice = device === 'DESKTOP' ? currentKey : stringifiedKey + ":MOBILE";
+        var keyWithHover = keyWithDevice.toString() + ":HOVER";
+        var cssPropertyKey = getTextCSSPropKey(stringifiedKey, propKey);
+        var value = props[keyWithDevice];
+        var hoverValue = props[keyWithHover];
+        if (cssPropertyKey === 'lineHeight') {
+            var numValue = typeof value === 'number' ? value / 100 : value;
+            var numHoverValue = typeof hoverValue === 'number' ? hoverValue / 100 : hoverValue;
+            return {
+                style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = numValue, _a)),
+                hoverStyle: __assign(__assign({}, acc.hoverStyle), (_b = {}, _b[cssPropertyKey] = numHoverValue, _b))
+            };
+        }
+        return {
+            style: __assign(__assign({}, acc.style), (_c = {}, _c[cssPropertyKey] = value, _c)),
+            hoverStyle: __assign(__assign({}, acc.hoverStyle), (_d = {}, _d[cssPropertyKey] = hoverValue, _d))
+        };
+    }, {
+        style: {},
+        hoverStyle: {}
+    });
+}
+exports.parseStyleTextToCSSProp = parseStyleTextToCSSProp;
+function getTextCSSPropKey(key, cbName) {
+    switch (key) {
+        case "CB_STYLE_PROP_" + cbName + "_SPEC_COLOR":
+        case "CB_STYLE_PROP_" + cbName + "_SPEC_COLOR:HOVER":
+        case "CB_STYLE_PROP_" + cbName + "_SPEC_COLOR:MOBILE":
+        case "CB_STYLE_PROP_" + cbName + "_SPEC_COLOR:MOBILE:HOVER":
+            return 'color';
+        case "CB_STYLE_PROP_" + cbName + "_SPEC_TYPEFACE":
+        case "CB_STYLE_PROP_" + cbName + "_SPEC_TYPEFACE:HOVER":
+        case "CB_STYLE_PROP_" + cbName + "_SPEC_TYPEFACE:MOBILE":
+        case "CB_STYLE_PROP_" + cbName + "_SPEC_TYPEFACE:MOBILE:HOVER":
+            return 'fontFamily';
+        case "CB_STYLE_PROP_" + cbName + "_SPEC_LETTERSPACING":
+        case "CB_STYLE_PROP_" + cbName + "_SPEC_LETTERSPACING:HOVER":
+        case "CB_STYLE_PROP_" + cbName + "_SPEC_LETTERSPACING:MOBILE":
+        case "CB_STYLE_PROP_" + cbName + "_SPEC_LETTERSPACING:MOBILE:HOVER":
+            return 'letterSpacing';
+        case "CB_STYLE_PROP_" + cbName + "_SPEC_LINEHEIGHT":
+        case "CB_STYLE_PROP_" + cbName + "_SPEC_LINEHEIGHT:HOVER":
+        case "CB_STYLE_PROP_" + cbName + "_SPEC_LINEHEIGHT:MOBILE":
+        case "CB_STYLE_PROP_" + cbName + "_SPEC_LINEHEIGHT:MOBILE:HOVER":
+            return 'lineHeight';
+        case "CB_STYLE_PROP_" + cbName + "_SPEC_SIZE":
+        case "CB_STYLE_PROP_" + cbName + "_SPEC_SIZE:HOVER":
+        case "CB_STYLE_PROP_" + cbName + "_SPEC_SIZE:MOBILE":
+        case "CB_STYLE_PROP_" + cbName + "_SPEC_SIZE:MOBILE:HOVER":
+            return 'fontSize';
+        case "CB_STYLE_PROP_" + cbName + "_SPEC_WEIGHT":
+        case "CB_STYLE_PROP_" + cbName + "_SPEC_WEIGHT:HOVER":
+        case "CB_STYLE_PROP_" + cbName + "_SPEC_WEIGHT:MOBILE":
+        case "CB_STYLE_PROP_" + cbName + "_SPEC_WEIGHT:MOBILE:HOVER":
+            return 'fontWeight';
+        default:
+            return '';
+    }
+}
+exports.getTextCSSPropKey = getTextCSSPropKey;

package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts

@@ -1,99 +1,50 @@
-import type { AccordionItem } from './BlockMatcher/blocks/Accordion';
-import type { CarouselSettings, ContentsCarouselItem } from './BlockMatcher/blocks/ContentsCarousel/ContentsCarousel';
-import type { ImgCarouselItem } from './BlockMatcher/blocks/ImageCarousel/ImageCarousel';
-import type React from 'react';
-export declare const ComponentNames: {
-    TEXT: string;
-    IMAGE: string;
-    BUTTON: string;
-    RICH_TEXT: string;
-    DIVIDER: string;
-    YOUTUBE: string;
-    TWITTER: string;
-    INSTAGRAM: string;
-    ACCORDION: string;
-    CONTENTS_CAROUSEL: string;
-    IMAGE_CAROUSEL: string;
-};
-export declare type BlockComponents = typeof ComponentNames;
-export declare type BlockNames = keyof BlockComponents;
-export declare type BlockId = string;
-export declare type LinkTypes = 'INTERNAL' | 'EXTERNAL';
-export declare type LinkContentType = {
-    type: LinkTypes;
-    url: string;
-};
-export declare type TextComponentDataType = {
-    type: BlockComponents['TEXT'];
-    value: {
-        text: string;
-    };
-};
-export declare type ImageComponentDataType = {
-    type: BlockComponents['IMAGE'];
-    value: {
-        src: string;
-        alt: string;
-    };
-};
-export declare type RichTextComponentDataType = {
-    type: BlockComponents['RICH_TEXT'];
-    value: {
-        text: string;
-    };
-};
-export declare type ButtonComponentDataType = {
-    type: BlockComponents['BUTTON'];
-    value: {
-        text: string;
-    };
-};
-export declare type DividerComponentDataType = {
-    type: BlockComponents['DIVIDER'];
-    value: {
-        size: number;
-    };
-};
-export declare type TwitterComponentDataType = {
-    type: BlockComponents['TWITTER'];
-    value: {
-        accountId: string;
-    };
-};
-export declare type YoutubeComponentDataType = {
-    type: BlockComponents['YOUTUBE'];
-    value: {
-        src: string;
-        startAt: number;
-        endAt: number;
-    };
-};
-export declare type AccordionComponentDataType = {
-    type: BlockComponents['ACCORDION'];
-    value: {
-        accordionItems: AccordionItem[];
-        openedItemId?: string;
-    };
-};
-export declare type ContentsCarouselDataType = {
-    type: BlockComponents['ACCORDION'];
-    value: {
-        contentsCarouselItems: ContentsCarouselItem[];
-        carouselSettings: CarouselSettings;
-    };
-};
-export declare type ImgCarouselDataType = {
-    type: BlockComponents['IMAGE_CAROUSEL'];
-    value: {
-        imgCarouselItems: ImgCarouselItem[];
-        carouselSettings: CarouselSettings;
-    };
-};
-export declare type ComponentDataPairType = TextComponentDataType | ImageComponentDataType | TwitterComponentDataType | RichTextComponentDataType | ButtonComponentDataType | DividerComponentDataType | YoutubeComponentDataType | AccordionComponentDataType | ContentsCarouselDataType | ImgCarouselDataType;
-export declare type ContentType = {
-    data: ComponentDataPairType;
-    link?: LinkContentType;
-};
-export declare type StyleType = React.CSSProperties;
-export declare type LayoutType = React.CSSProperties;
-export declare type AnimationType = React.CSSProperties;
+import type { CB_BTN_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_TEXT_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE } from './util/types';
+export declare type CB_TYPES = 'GENERAL';
+export declare type ComponentBlock = CB_TEXT_TYPE | CB_BTN_TYPE | CB_RICHTEXT | CB_DIVIDER | CB_IMG | CB_YOUTUBE | CB_TWITTER;
+declare type GeneralCustomSectionType = {
+    id: number;
+    type: 'GENERAL';
+    availablePlugins: Array<string>;
+    queryableTapSrc: string;
+    queryableDefinitionPreset: string;
+    dynamicLayoutSectionId: number;
+};
+export declare type AllCBProperties = CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE;
+export declare type CB_TEXT_TYPE = GeneralCustomSectionType & {
+    componentBlockCode: CB_ALL_CODES.CB_TEXT;
+    properties: CB_TEXT_PROPERTIES_TYPE;
+};
+export declare type CB_BTN_TYPE = GeneralCustomSectionType & {
+    componentBlockCode: CB_ALL_CODES.CB_BTN;
+    properties: CB_BTN_PROPERTIES_TYPE;
+};
+export declare type CB_RICHTEXT = GeneralCustomSectionType & {
+    componentBlockCode: CB_ALL_CODES.CB_RICHTEXT;
+    properties: CB_RICHTEXT_PROPERTIES_TYPE;
+};
+export declare type CB_DIVIDER = GeneralCustomSectionType & {
+    componentBlockCode: CB_ALL_CODES.CB_DIVIDER;
+    properties: CB_DIVIDER_PROPERTIES_TYPE;
+};
+export declare type CB_IMG = GeneralCustomSectionType & {
+    componentBlockCode: CB_ALL_CODES.CB_IMG;
+    properties: CB_IMG_PROPERTIES_TYPE;
+};
+export declare type CB_YOUTUBE = GeneralCustomSectionType & {
+    componentBlockCode: CB_ALL_CODES.CB_YOUTUBE;
+    properties: CB_YOUTUBE_PROPERTIES_TYPE;
+};
+export declare type CB_TWITTER = GeneralCustomSectionType & {
+    componentBlockCode: CB_ALL_CODES.CB_TWITTER;
+    properties: CB_TWITTER_PROPERTIES_TYPE;
+};
+export declare enum CB_ALL_CODES {
+    CB_TEXT = "CB_TEXT",
+    CB_BTN = "CB_BTN",
+    CB_RICHTEXT = "CB_RICHTEXT",
+    CB_DIVIDER = "CB_DIVIDER",
+    CB_IMG = "CB_IMG",
+    CB_YOUTUBE = "CB_YOUTUBE",
+    CB_TWITTER = "CB_TWITTER"
+}
+export {};

package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js

@@ -1,16 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentNames = void 0;
-exports.ComponentNames = {
-    TEXT: 'TEXT',
-    IMAGE: 'IMAGE',
-    BUTTON: 'BUTTON',
-    RICH_TEXT: 'RICH_TEXT',
-    DIVIDER: 'DIVIDER',
-    YOUTUBE: 'YOUTUBE',
-    TWITTER: 'TWITTER',
-    INSTAGRAM: 'INSTAGRAM',
-    ACCORDION: 'ACCORDION',
-    CONTENTS_CAROUSEL: 'CONTENTS_CAROUSEL',
-    IMAGE_CAROUSEL: 'IMAGE_CAROUSEL'
-};
+exports.CB_ALL_CODES = void 0;
+var CB_ALL_CODES;
+(function (CB_ALL_CODES) {
+    CB_ALL_CODES["CB_TEXT"] = "CB_TEXT";
+    CB_ALL_CODES["CB_BTN"] = "CB_BTN";
+    CB_ALL_CODES["CB_RICHTEXT"] = "CB_RICHTEXT";
+    CB_ALL_CODES["CB_DIVIDER"] = "CB_DIVIDER";
+    CB_ALL_CODES["CB_IMG"] = "CB_IMG";
+    CB_ALL_CODES["CB_YOUTUBE"] = "CB_YOUTUBE";
+    CB_ALL_CODES["CB_TWITTER"] = "CB_TWITTER";
+})(CB_ALL_CODES = exports.CB_ALL_CODES || (exports.CB_ALL_CODES = {}));

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/contentPropParsers/index.d.ts

@@ -0,0 +1,3 @@
+import { NamedContentPropType } from './types';
+import type { Device, StyleType } from '../types';
+export declare function parseContentProperties(namedProps: NamedContentPropType, device: Device): StyleType;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/contentPropParsers/index.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseContentProperties = void 0;
+var parseContentVisibility_1 = __importDefault(require("./parseContentVisibility"));
+var types_1 = require("./types");
+function parseContentProperties(namedProps, device) {
+    var name = namedProps.name;
+    switch (name) {
+        case types_1.CB_CONTENT_PROP_KEYS.CB_CONTENT_PROP_VISIBILITY:
+            return (0, parseContentVisibility_1.default)(namedProps, device);
+    }
+}
+exports.parseContentProperties = parseContentProperties;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/contentPropParsers/parseContentVisibility.d.ts

@@ -0,0 +1,12 @@
+import type { Device, StyleType } from '../types';
+import type { CB_CONTENT_PROP_KEYS } from './types';
+export declare type CB_CONTENT_PROP_VISIBILITY_SPECS = {
+    CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: boolean;
+    CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: boolean;
+};
+export declare type NAMED_CB_CONTENT_VISIBILITY_PROPS = {
+    name: CB_CONTENT_PROP_KEYS.CB_CONTENT_PROP_VISIBILITY;
+    specs: CB_CONTENT_PROP_VISIBILITY_SPECS;
+};
+declare function parseContentVisibility(namedProps: NAMED_CB_CONTENT_VISIBILITY_PROPS, device: Device): StyleType;
+export default parseContentVisibility;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/contentPropParsers/parseContentVisibility.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function parseContentVisibility(namedProps, device) {
+    var specs = namedProps.specs;
+    if (device === 'DESKTOP') {
+        return {
+            style: {
+                visibility: specs.CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP ? 'visible' : 'hidden'
+            }
+        };
+    }
+    return {
+        style: {
+            visibility: specs.CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB ? 'visible' : 'hidden'
+        }
+    };
+}
+exports.default = parseContentVisibility;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/contentPropParsers/types.d.ts

@@ -0,0 +1,5 @@
+import type { NAMED_CB_CONTENT_VISIBILITY_PROPS } from './parseContentVisibility';
+export declare enum CB_CONTENT_PROP_KEYS {
+    CB_CONTENT_PROP_VISIBILITY = "CB_CONTENT_PROP_VISIBILITY"
+}
+export declare type NamedContentPropType = NAMED_CB_CONTENT_VISIBILITY_PROPS;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/contentPropParsers/types.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CB_CONTENT_PROP_KEYS = void 0;
+var CB_CONTENT_PROP_KEYS;
+(function (CB_CONTENT_PROP_KEYS) {
+    CB_CONTENT_PROP_KEYS["CB_CONTENT_PROP_VISIBILITY"] = "CB_CONTENT_PROP_VISIBILITY";
+})(CB_CONTENT_PROP_KEYS = exports.CB_CONTENT_PROP_KEYS || (exports.CB_CONTENT_PROP_KEYS = {}));

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/effectPropParsers/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const animations: {
+    name: string;
+    value: string;
+}[];

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/effectPropParsers/constants.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.animations = void 0;
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+exports.animations = [
+    { name: 'FADEIN', value: 'fade-in' },
+    { name: 'FADEINFWD', value: 'fade-in-fwd' },
+    { name: 'FADEINBCK', value: 'fade-in-bck' },
+    { name: 'FADEINTOP', value: 'fade-in-top' },
+    { name: 'FADEINRIGHT', value: 'fade-in-right' },
+    { name: 'FADEINBOTTOM', value: 'fade-in-bottom' },
+    { name: 'FADEINLEFT', value: 'fade-in-left' },
+    { name: 'SLIDEINTOP', value: 'slide-in-top' },
+    { name: 'SLIDEINRIGHT', value: 'slide-in-right' },
+    { name: 'SLIDEINBOTTOM', value: 'slide-in-bottom' },
+    { name: 'SLIDEINLEFT', value: 'slide-in-left' },
+    { name: 'TRACKINGINCONTRACT', value: 'tracking-in-contract' },
+    { name: 'ROTATECW', value: 'rotate-in-2-cw' },
+    { name: 'ROTATECCW', value: 'rotate-in-2-ccw' },
+    { name: 'SWINGINTOPFWD', value: 'swing-in-top-fwd' },
+    { name: 'SWINGINTOPBCK', value: 'swing-in-top-bck' },
+    { name: 'SWINGINRIGHTFWD', value: 'swing-in-right-fwd' },
+    { name: 'SWINGINRIGHTBCK', value: 'swing-in-right-bck' },
+    { name: 'SWINGINBOTTOMFWD', value: 'swing-in-bottom-fwd' },
+    { name: 'SWINGINLEFTFWD', value: 'swing-in-left-fwd' },
+    { name: 'SWINGINLEFTBCK', value: 'swing-in-left-bck' },
+    { name: 'ZOOMIN', value: 'scale-in-center' },
+    { name: 'ZOOMOUT', value: 'slide-in-bck-center' },
+    { name: 'ZOOMOUTCOTRACT', value: 'tracking-in-contract-bck' },
+    { name: 'FOCUSIN', value: 'text-focus-in' },
+    { name: 'PUFFIN', value: 'puff-in-center' },
+    { name: 'FOCUSINCONTRACT', value: 'focus-in-contract' },
+    { name: 'SHAKEH', value: 'shake-horizontal' },
+    { name: 'SHAKEV', value: 'shake-vertical' },
+    { name: 'SHAKET', value: 'shake-top' },
+    { name: 'VIBRATE', value: 'vibrate-1' },
+    { name: 'BLINK', value: 'blink-1' },
+    { name: 'FLICKER', value: 'flicker-in-2' },
+    { name: 'BOUNCEIN', value: 'bounce-top' },
+    { name: 'HEARTBEAT', value: 'heartbeat' },
+    { name: 'KENBURNSTOP', value: 'kenburns-top' },
+    { name: 'PANTOP', value: 'bg-pan-top' },
+    { name: 'PANRIGHT', value: 'bg-pan-right' },
+    { name: 'PANBOTTOM', value: 'bg-pan-bottom' },
+    { name: 'PANLEFT', value: 'bg-pan-left' }
+];

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/effectPropParsers/index.d.ts

@@ -0,0 +1,3 @@
+import { NamedEffectPropType } from './types';
+import type { Device, StyleType } from '../types';
+export declare function parseEffectProperties(namedProps: NamedEffectPropType, device: Device): StyleType;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/effectPropParsers/index.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseEffectProperties = void 0;
+var parseEffectPropEntAnim_1 = __importDefault(require("./parseEffectPropEntAnim"));
+var types_1 = require("./types");
+function parseEffectProperties(namedProps, device) {
+    var name = namedProps.name;
+    switch (name) {
+        case types_1.CB_EFFECT_PROP_KEYS.CB_EFFECT_PROP_ENTANIM:
+            return (0, parseEffectPropEntAnim_1.default)(namedProps, device);
+    }
+}
+exports.parseEffectProperties = parseEffectProperties;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/effectPropParsers/parseEffectPropEntAnim.d.ts

@@ -0,0 +1,19 @@
+import type { Device, StyleType } from '../types';
+import type { CB_EFFECT_PROP_KEYS } from './types';
+export declare type NAMED_CB_EFFECT_ENTANIM_PROPS = {
+    name: CB_EFFECT_PROP_KEYS.CB_EFFECT_PROP_ENTANIM;
+    specs: CB_EFFECT_PROP_ENTANIM_SPECS;
+};
+export default function parseEffectPropEntAnim(namedProps: NAMED_CB_EFFECT_ENTANIM_PROPS, device: Device): StyleType;
+export declare type CB_EFFECT_PROP_ENTANIM_BASE = {
+    CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: number;
+    CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: number;
+    CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: string;
+    CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: string;
+};
+export declare type CB_EFFECT_PROP_ENTANIM_SPECS = CB_EFFECT_PROP_ENTANIM_BASE & Partial<{
+    'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': number | undefined;
+    'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': number | undefined;
+    'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': string | undefined;
+    'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': string | undefined;
+}>;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/effectPropParsers/parseEffectPropEntAnim.js

@@ -0,0 +1,51 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var constants_1 = require("./constants");
+function parseEffectPropEntAnim(namedProps, device) {
+    var specs = namedProps.specs;
+    var animationCssProperties = AVAILABLE_SPECS.reduce(function (acc, cur) {
+        var _a;
+        var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
+        var value = specs[baseKey];
+        return __assign(__assign({}, acc), (_a = {}, _a[cur] = value, _a));
+    }, {});
+    return { style: { animation: valueGenerator(animationCssProperties) } };
+}
+exports.default = parseEffectPropEntAnim;
+function valueGenerator(valueSet) {
+    var _a;
+    var CB_EFFECT_PROP_ENTANIM_SPEC_TYPE = valueSet.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE, CB_EFFECT_PROP_ENTANIM_SPEC_DURATION = valueSet.CB_EFFECT_PROP_ENTANIM_SPEC_DURATION, CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC = valueSet.CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC, CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT = valueSet.CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT;
+    var animationName = (_a = constants_1.animations.find(function (animation) { return animation.name === CB_EFFECT_PROP_ENTANIM_SPEC_TYPE; })) === null || _a === void 0 ? void 0 : _a.value;
+    return animationName + " " + CB_EFFECT_PROP_ENTANIM_SPEC_DURATION + "s " + tFuncMatcher(CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC) + " 0s " + (CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT === -1 ? 'infinite' : CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT);
+}
+function tFuncMatcher(type) {
+    switch (type) {
+        case 'EASEINOUT':
+            return 'ease-in-out';
+        case 'EASEIN':
+            return 'ease-in';
+        case 'EASEOUT':
+            return 'ease-out';
+        case 'NONE':
+            return 'linear';
+        default:
+            return '';
+    }
+}
+var AVAILABLE_SPECS = [
+    'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION',
+    'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT',
+    'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC',
+    'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE'
+];

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/effectPropParsers/types.d.ts

@@ -0,0 +1,5 @@
+import type { NAMED_CB_EFFECT_ENTANIM_PROPS } from './parseEffectPropEntAnim';
+export declare enum CB_EFFECT_PROP_KEYS {
+    CB_EFFECT_PROP_ENTANIM = "CB_EFFECT_PROP_ENTANIM"
+}
+export declare type NamedEffectPropType = NAMED_CB_EFFECT_ENTANIM_PROPS;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/effectPropParsers/types.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CB_EFFECT_PROP_KEYS = void 0;
+var CB_EFFECT_PROP_KEYS;
+(function (CB_EFFECT_PROP_KEYS) {
+    CB_EFFECT_PROP_KEYS["CB_EFFECT_PROP_ENTANIM"] = "CB_EFFECT_PROP_ENTANIM";
+})(CB_EFFECT_PROP_KEYS = exports.CB_EFFECT_PROP_KEYS || (exports.CB_EFFECT_PROP_KEYS = {}));

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/index.d.ts

@@ -0,0 +1,6 @@
+export { default as parseProperties } from './parseProperties';
+export { default as parseJsonProperties } from './parseJsonProperties';
+export { parseContentProperties } from './contentPropParsers';
+export { parseEffectProperties } from './effectPropParsers';
+export { parseLayoutProperties } from './layoutPropParsers';
+export { parseStyleProperties } from './stylePropParsers';

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseStyleProperties = exports.parseLayoutProperties = exports.parseEffectProperties = exports.parseContentProperties = exports.parseJsonProperties = exports.parseProperties = void 0;
+var parseProperties_1 = require("./parseProperties");
+Object.defineProperty(exports, "parseProperties", { enumerable: true, get: function () { return __importDefault(parseProperties_1).default; } });
+var parseJsonProperties_1 = require("./parseJsonProperties");
+Object.defineProperty(exports, "parseJsonProperties", { enumerable: true, get: function () { return __importDefault(parseJsonProperties_1).default; } });
+var contentPropParsers_1 = require("./contentPropParsers");
+Object.defineProperty(exports, "parseContentProperties", { enumerable: true, get: function () { return contentPropParsers_1.parseContentProperties; } });
+var effectPropParsers_1 = require("./effectPropParsers");
+Object.defineProperty(exports, "parseEffectProperties", { enumerable: true, get: function () { return effectPropParsers_1.parseEffectProperties; } });
+var layoutPropParsers_1 = require("./layoutPropParsers");
+Object.defineProperty(exports, "parseLayoutProperties", { enumerable: true, get: function () { return layoutPropParsers_1.parseLayoutProperties; } });
+var stylePropParsers_1 = require("./stylePropParsers");
+Object.defineProperty(exports, "parseStyleProperties", { enumerable: true, get: function () { return stylePropParsers_1.parseStyleProperties; } });

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/layoutPropParsers/index.d.ts

@@ -0,0 +1,3 @@
+import { NamedLayoutPropType } from './types';
+import type { Device, StyleType } from '../types';
+export declare function parseLayoutProperties(namedProps: NamedLayoutPropType, device: Device): StyleType;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/layoutPropParsers/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseLayoutProperties = void 0;
+var parseLayoutPropArrange_1 = __importDefault(require("./parseLayoutPropArrange"));
+var parseLayoutPropPadding_1 = __importDefault(require("./parseLayoutPropPadding"));
+var types_1 = require("./types");
+function parseLayoutProperties(namedProps, device) {
+    var name = namedProps.name;
+    switch (name) {
+        case types_1.CB_LAYOUT_PROP_KEYS.CB_LAYOUT_PROP_ARRANGE:
+            return (0, parseLayoutPropArrange_1.default)(namedProps, device);
+        case types_1.CB_LAYOUT_PROP_KEYS.CB_LAYOUT_PROP_PADDING:
+            return (0, parseLayoutPropPadding_1.default)(namedProps, device);
+    }
+}
+exports.parseLayoutProperties = parseLayoutProperties;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/layoutPropParsers/parseLayoutPropArrange.d.ts

@@ -0,0 +1,24 @@
+import type { Device, StyleType } from '../types';
+import type { CB_LAYOUT_PROP_KEYS } from './types';
+export declare enum CB_LAYOUT_PROP_ARRANGE_BASE_KEYS {
+    CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL = "CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL",
+    CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL = "CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL"
+}
+export declare enum CB_LAYOUT_PROP_ARRANGE_EXTRA_KEYS {
+    CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL_MOBILE = "CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE",
+    CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL_MOBILE = "CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE"
+}
+export declare type NAMED_CB_LAYOUT_ARRANGE_PROPS = {
+    name: CB_LAYOUT_PROP_KEYS.CB_LAYOUT_PROP_ARRANGE;
+    specs: CB_LAYOUT_PROP_ARRANGE_SPECS;
+};
+export default function parseLayoutPropArrange(namedProps: NAMED_CB_LAYOUT_ARRANGE_PROPS, device: Device): StyleType;
+declare type CB_LAYOUT_PROP_ARRANGE_ENUM_VERTICAL = 'TOP' | 'MIDDLE' | 'BOTTOM';
+declare type CB_LAYOUT_PROP_ARRANGE_ENUM_HORIZONTAL = 'LEFT' | 'CENTER' | 'RIGHT';
+export declare type CB_LAYOUT_PROP_ARRANGE_SPECS = {
+    [CB_LAYOUT_PROP_ARRANGE_BASE_KEYS.CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL]: CB_LAYOUT_PROP_ARRANGE_ENUM_VERTICAL;
+    [CB_LAYOUT_PROP_ARRANGE_BASE_KEYS.CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL]: CB_LAYOUT_PROP_ARRANGE_ENUM_HORIZONTAL;
+    [CB_LAYOUT_PROP_ARRANGE_EXTRA_KEYS.CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL_MOBILE]?: CB_LAYOUT_PROP_ARRANGE_ENUM_VERTICAL;
+    [CB_LAYOUT_PROP_ARRANGE_EXTRA_KEYS.CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL_MOBILE]?: CB_LAYOUT_PROP_ARRANGE_ENUM_HORIZONTAL;
+};
+export {};