pds-dev-kit-web 2.1.14 → 2.1.15

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

@@ -0,0 +1,134 @@
+import type { CB_BTNTEXT_STYLE_PROPS, CB_STYLE_PROP_BTNCOLOR_SPECS } from '../components/ComponentBlock/componentBlocks/Button/btnTypes';
+import type { CB_STYLE_PROP_TEXT_SPECS } from '../components/ComponentBlock/componentBlocks/Text/types';
+import type { CB_TWITTER_STYLE_PROPS } from '../components/ComponentBlock/componentBlocks/Twitter/types';
+import type { CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_IMAGE, CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TWITTER } from '../components/ComponentBlock/componentBlocks/types';
+import type { CB_CONTENT_PROP_YOUTUBE_TYPE, CB_STYLE_PROP_BGCOLOR_SPECS } from '../components/ComponentBlock/componentBlocks/Youtube/types';
+import type { CB_CONTENT_PROP_VISIBILITY_SPECS } from './contentPropParsers/parseContentVisibility';
+import type { CB_EFFECT_PROP_ENTANIM_SPECS } from './effectPropParsers/parseEffectPropEntAnim';
+import type { CB_LAYOUT_PROP_ARRANGE_SPECS } from './layoutPropParsers/parseLayoutPropArrange';
+import type { CB_LAYOUT_PROP_PADDING_SPECS } from './layoutPropParsers/parseLayoutPropPadding';
+import type { NamedLayoutPropType } from './layoutPropParsers/types';
+import type { CB_STYLE_PROP_BORDER_SPECS } from './stylePropParsers/parseStylePropBorder';
+import type { CB_STYLE_PROP_DIVIDER_SPECS } from './stylePropParsers/parseStylePropDivider';
+import type { CB_STYLE_PROP_IMAGE_SPECS } from './stylePropParsers/parseStylePropImage';
+import type { CB_STYLE_PROP_TEXT_OPACITY_SPECS } from './stylePropParsers/parseStylePropOpacity';
+import type { CB_STYLE_PROP_SHADOW_SPECS } from './stylePropParsers/parseStylePropShadow';
+import type { NamedStylePropType } from './stylePropParsers/types';
+import type { CSSProperties } from 'react';
+export declare type STRING_PLAIN = string;
+export declare type ENUM_STRING = string;
+export declare type NUMBER_INTEGER = number;
+export declare type STRING_8DIGIT_HEX = string;
+export declare type CB_GENERAL_PROPERTIES_TYPE = {
+    CB_PLACEMENT_PROP_PLACEMENT: CB_PLACEMENT_PROP_SPECS;
+    CB_CONTENT_PROP_HOVER: {
+        CB_CONTENT_PROP_HOVER_SPEC_MUSE: boolean;
+    };
+};
+export declare type CB_PLACEMENT_PROP_SPECS = {
+    CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: number;
+    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': number;
+    CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: number;
+    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': number;
+    CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: number;
+    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': number;
+    CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: number;
+    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': number;
+    CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: number;
+    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': number;
+};
+export declare type CB_TEXT_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
+    CB_CONTENT_PROP_TEXT: CB_CONTENT_PROP_TEXT;
+    CB_CONTENT_PROP_CLINK: CB_CONTENT_PROP_CLINK;
+    CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
+    CB_STYLE_PROP_TEXT: CB_STYLE_PROP_TEXT_SPECS;
+    CB_STYLE_PROP_OPACITY: CB_STYLE_PROP_TEXT_OPACITY_SPECS;
+    CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
+    CB_LAYOUT_PROP_ARRANGE: CB_LAYOUT_PROP_ARRANGE_SPECS;
+    CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
+};
+export declare type CB_BTN_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
+    CB_CONTENT_PROP_TEXT: CB_CONTENT_PROP_TEXT;
+    CB_CONTENT_PROP_CLINK: CB_CONTENT_PROP_CLINK;
+    CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
+    CB_STYLE_PROP_BTNTEXT: CB_BTNTEXT_STYLE_PROPS;
+    CB_STYLE_PROP_BORDER: CB_STYLE_PROP_BORDER_SPECS;
+    CB_STYLE_PROP_SHADOW: CB_STYLE_PROP_SHADOW_SPECS;
+    CB_STYLE_PROP_OPACITY: CB_STYLE_PROP_TEXT_OPACITY_SPECS;
+    CB_STYLE_PROP_BTNCOLOR: CB_STYLE_PROP_BTNCOLOR_SPECS;
+    CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
+    CB_LAYOUT_PROP_ARRANGE: CB_LAYOUT_PROP_ARRANGE_SPECS;
+    CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
+};
+export declare type CB_IMG_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
+    CB_CONTENT_PROP_CLINK: CB_CONTENT_PROP_CLINK;
+    CB_CONTENT_PROP_IMAGE: CB_CONTENT_PROP_IMAGE;
+    CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
+    CB_STYLE_PROP_IMAGE: CB_STYLE_PROP_IMAGE_SPECS;
+    CB_STYLE_PROP_BORDER: CB_STYLE_PROP_BORDER_SPECS;
+    CB_STYLE_PROP_SHADOW: CB_STYLE_PROP_SHADOW_SPECS;
+    CB_STYLE_PROP_OPACITY: CB_STYLE_PROP_TEXT_OPACITY_SPECS;
+    CB_LAYOUT_PROP_ARRANGE: CB_LAYOUT_PROP_ARRANGE_SPECS;
+    CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
+    CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
+};
+export declare type CB_TWITTER_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
+    CB_CONTENT_PROP_TWITTER: CB_CONTENT_PROP_TWITTER;
+    CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
+    CB_STYLE_PROP_TWITTER: CB_TWITTER_STYLE_PROPS;
+    CB_STYLE_PROP_SHADOW: CB_STYLE_PROP_SHADOW_SPECS;
+    CB_STYLE_PROP_OPACITY: CB_STYLE_PROP_TEXT_OPACITY_SPECS;
+    CB_LAYOUT_PROP_ARRANGE: CB_LAYOUT_PROP_ARRANGE_SPECS;
+    CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
+    CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
+};
+export declare type CB_RICHTEXT_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
+    CB_CONTENT_PROP_TEXTEDIT: {
+        CB_CONTENT_PROP_TEXTEDIT_SPEC_EDITOR: string;
+    };
+    CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
+    CB_STYLE_PROP_BORDER: CB_STYLE_PROP_BORDER_SPECS;
+    CB_STYLE_PROP_SHADOW: CB_STYLE_PROP_SHADOW_SPECS;
+    CB_STYLE_PROP_OPACITY: CB_STYLE_PROP_TEXT_OPACITY_SPECS;
+    CB_STYLE_PROP_BGCOLOR: CB_STYLE_PROP_BGCOLOR_SPECS;
+    CB_LAYOUT_PROP_ARRANGE: CB_LAYOUT_PROP_ARRANGE_SPECS;
+    CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
+    CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
+};
+export declare type CB_DIVIDER_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
+    CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
+    CB_STYLE_PROP_DIVIDER: CB_STYLE_PROP_DIVIDER_SPECS;
+    CB_LAYOUT_PROP_ARRANGE: CB_LAYOUT_PROP_ARRANGE_SPECS;
+    CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
+    CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
+};
+export declare type CB_YOUTUBE_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
+    CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
+    CB_CONTENT_PROP_YOUTUBE: CB_CONTENT_PROP_YOUTUBE_TYPE;
+    CB_STYLE_PROP_SHADOW: CB_STYLE_PROP_SHADOW_SPECS;
+    CB_STYLE_PROP_OPACITY: CB_STYLE_PROP_TEXT_OPACITY_SPECS;
+    CB_STYLE_PROP_BGCOLOR: CB_STYLE_PROP_BGCOLOR_SPECS;
+    CB_LAYOUT_PROP_ARRANGE: CB_LAYOUT_PROP_ARRANGE_SPECS;
+    CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
+    CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
+};
+export declare type StyleType = {
+    style: CSSProperties;
+};
+export declare type StyleAndHoverStyle = StyleType & {
+    hoverStyle: CSSProperties;
+};
+export declare type OverlayStyle = {
+    overlayStyle: CSSProperties;
+};
+export declare type Device = 'DESKTOP' | 'MOBILE';
+export declare type DefaultBrightTheme = 'LIGHT' | 'DARK';
+export declare type ParserResult = {
+    style: CSSProperties;
+    hoverStyle: CSSProperties;
+    layout: CSSProperties;
+    effect: CSSProperties;
+    content: Record<string, unknown>;
+};
+export declare type JsonPropertiesParserResult = Omit<ParserResult, 'hoverStyle'> & OverlayStyle;
+export declare type NamedPropAllTypes = NamedStylePropType | NamedLayoutPropType;

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -6,3 +6,4 @@ export { IntroSection } from './IntroSection';
 export { EditTypeMembershipSection } from './MembershipSection';
 export { NormalTypeMembershipSection } from './MembershipSection';
 export { FullscreenIframeSection } from './FullscreenIframeSection';
+export { CustomSection } from './CustomSection';

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FullscreenIframeSection = exports.NormalTypeMembershipSection = exports.EditTypeMembershipSection = exports.IntroSection = exports.InfoBoxSection = exports.FooterSection = exports.ContentsSection = exports.ContentsCarouselSection = void 0;
+exports.CustomSection = exports.FullscreenIframeSection = exports.NormalTypeMembershipSection = exports.EditTypeMembershipSection = exports.IntroSection = exports.InfoBoxSection = exports.FooterSection = exports.ContentsSection = exports.ContentsCarouselSection = void 0;
 var ContentsCarouselSection_1 = require("./ContentsCarouselSection");
 Object.defineProperty(exports, "ContentsCarouselSection", { enumerable: true, get: function () { return ContentsCarouselSection_1.ContentsCarouselSection; } });
 var ContentsSection_1 = require("./ContentsSection");
@@ -17,3 +17,5 @@ var MembershipSection_2 = require("./MembershipSection");
 Object.defineProperty(exports, "NormalTypeMembershipSection", { enumerable: true, get: function () { return MembershipSection_2.NormalTypeMembershipSection; } });
 var FullscreenIframeSection_1 = require("./FullscreenIframeSection");
 Object.defineProperty(exports, "FullscreenIframeSection", { enumerable: true, get: function () { return FullscreenIframeSection_1.FullscreenIframeSection; } });
+var CustomSection_1 = require("./CustomSection");
+Object.defineProperty(exports, "CustomSection", { enumerable: true, get: function () { return CustomSection_1.CustomSection; } });

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

@@ -1,11 +1,17 @@
 /// <reference types="react" />
 import type { TypeOfSectionAction } from './sectionActionTypes';
+import type { ComponentBlock } from './sections/CustomSection/types';
+import type { CB_CONTENT_PROP_VISIBILITY_SPECS } from './sections/CustomSection/util/contentPropParsers/parseContentVisibility';
+import type { CB_EFFECT_PROP_ENTANIM_SPECS } from './sections/CustomSection/util/effectPropParsers/parseEffectPropEntAnim';
+import type { CB_LAYOUT_PROP_PADDING_SPECS } from './sections/CustomSection/util/layoutPropParsers/parseLayoutPropPadding';
+import type { CB_STYLE_PROP_BGCOLOR_SPECS } from './sections/CustomSection/util/stylePropParsers/parseStylePropBgColor';
+import type { CB_STYLE_PROP_BGOVERLAY_SPECS } from './sections/CustomSection/util/stylePropParsers/parseStylePropBgOverlay';
 export { TypeOfSectionAction };
-export declare type TypeOfSectionManifestSchema = 'BASE_INTRO' | 'BASE_CONTENTS' | 'BASE_CONTENTS_CAROUSEL' | 'BASE_FOOTER' | 'BASE_INFO_BOX' | 'EXP_IFRAME' | 'PRG_MEMBERSHIP_DISPLAY';
-export declare type TypeofSectionTemplate = 'BASE_INTRO_A' | 'BASE_INTRO_B' | 'BASE_INTRO_C' | 'BASE_INTRO_D' | 'BASE_CONTENTS_A' | 'BASE_CONTENTS_B' | 'BASE_CONTENTS_CAROUSEL_A' | 'BASE_CONTENTS_CAROUSEL_B' | 'BASE_FOOTER_A' | 'BASE_FOOTER_B' | 'BASE_INFO_BOX_A' | 'EXP_IFRAME_A' | 'PRG_MEMBERSHIP_DISPLAY_A' | 'PRG_MEMBERSHIP_DISPLAY_B';
+export declare type TypeOfSectionManifestSchema = 'BASE_INTRO' | 'BASE_CONTENTS' | 'BASE_CONTENTS_CAROUSEL' | 'BASE_FOOTER' | 'BASE_INFO_BOX' | 'EXP_IFRAME' | 'PRG_MEMBERSHIP_DISPLAY' | 'CUSTOM';
+export declare type TypeofSectionTemplate = 'BASE_INTRO_A' | 'BASE_INTRO_B' | 'BASE_INTRO_C' | 'BASE_INTRO_D' | 'BASE_CONTENTS_A' | 'BASE_CONTENTS_B' | 'BASE_CONTENTS_CAROUSEL_A' | 'BASE_CONTENTS_CAROUSEL_B' | 'BASE_FOOTER_A' | 'BASE_FOOTER_B' | 'BASE_INFO_BOX_A' | 'EXP_IFRAME_A' | 'PRG_MEMBERSHIP_DISPLAY_A' | 'PRG_MEMBERSHIP_DISPLAY_B' | null | undefined;
 export declare type TypeOfSectionContentMediaType = 'IMAGE' | 'YOUTUBE';
 export declare type TypeOfSectionLinkType = 'WEB_LINK' | 'INTERNAL_LINK' | 'NONE';
-export declare type TypeOfSectionType = 'PROGRAMMED' | 'DESIGNED';
+export declare type TypeOfSectionType = 'PROGRAMMED' | 'DESIGNED' | 'CUSTOM';
 export declare type TypeOfCarouselAutoplayMode = 'AUTO' | 'MANUAL';
 export declare type TypeOfCarouselInfiniteLoopMode = 'USE' | 'NO_USE';
 export declare type TypeOfBackgroundMediaType = 'IMAGE' | 'YOUTUBE';
@@ -21,6 +27,7 @@ declare type KeyOfSectionStyles = 'title_color_in_hex' | 'description_color_in_h
 declare type KeyOfItemProperties = 'title' | 'description' | 'body' | 'logo_image_src' | 'image_src' | 'link_type' | 'link_src' | 'button_label';
 export interface ISection {
     id: number;
+    administrativeTitle?: string;
     display: boolean;
     order: number;
     manifest: {
@@ -28,7 +35,7 @@ export interface ISection {
         availableProperties: Array<KeyOfSectionProperties>;
         availableStyles: Array<KeyOfSectionStyles>;
         availableTemplates: Array<TypeofSectionTemplate>;
-    };
+    } | Record<string, never>;
     template: TypeofSectionTemplate;
     properties: ISectionProperties;
     styles: ISectionStyles;
@@ -49,6 +56,8 @@ export interface ISection {
             };
         };
     };
+    componentBlocks?: ComponentBlock[];
+    jsonProperties?: ISectionJsonProperties;
 }
 export interface SubscriptionProductInList {
     id: number;
@@ -210,11 +219,14 @@ export declare type DynamicLayoutProps = {
     sections: ISection[];
     scrollDownTargetSectionId?: number;
     editingSectionId?: number;
-    navigationHandler?: (linkType: 'WEB_LINK' | 'INTERNAL_LINK' | 'NONE', src: string) => void;
+    navigationHandler?: (linkType: 'WEB_LINK' | 'INTERNAL_LINK' | 'NONE', src: string, action?: NavHandlerAction) => void;
     onClickEditSection?: (section: ISection) => void;
     sectionActionHandler?: (action: TypeOfSectionAction) => void;
     programmedSectionComponents?: IProgrammedSectionComponents;
 };
+export declare type NavHandlerAction = {
+    openNewTab: boolean;
+};
 export declare type SubscriptionProductType = 'FREE_INFINITE' | 'FREE_FINITE' | 'ONCE_INFINITE' | 'ONCE_FINITE' | 'COUPON_FREE_INFINITE' | 'COUPON_FREE_FINITE' | 'COUPON_ONCE_INFINITE' | 'COUPON_ONCE_FINITE' | 'SUBSCRIPTION_30DAYS' | 'SUBSCRIPTION_90DAYS' | 'SUBSCRIPTION_180DAYS' | 'SUBSCRIPTION_365DAYS';
 declare type ExpiryPeriodInDaysType = 1 | 3 | 7 | 14 | 30;
 export declare type IMembershipCardTemplate = {
@@ -281,3 +293,63 @@ export declare type IMembershipDisplay = {
     isDefault: boolean;
     connectedMemberships: IConnectedMembership[];
 };
+export declare type ISectionJsonProperties = {
+    CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
+    CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
+    CB_LAYOUT_PROP_PADDING?: CB_LAYOUT_PROP_PADDING_SPECS;
+    CB_PLACEMENT_PROP_SECTION: {
+        CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH: boolean;
+        'CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH:MOBILE': boolean | null | undefined;
+        CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT: number;
+        'CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT:MOBILE': number | null | undefined;
+        CB_PLACEMENT_PROP_SECTION_SPEC_ROWS: number;
+        'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE': number | null | undefined;
+        CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH: number;
+        'CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH:MOBILE': number | null | undefined;
+    };
+    CB_STYLE_PROP_BGCOLOR?: CB_STYLE_PROP_BGCOLOR_SPECS;
+    CB_STYLE_PROP_BGMEDIA?: CB_STYLE_PROP_BGMEDIA_SPECS;
+    CB_STYLE_PROP_BGOVERLAY?: CB_STYLE_PROP_BGOVERLAY_SPECS;
+};
+export declare type CB_STYLE_PROP_BGMEDIA_SPECS_BASE = {
+    CB_STYLE_PROP_BGMEDIA_SPEC_YSRC: string;
+    CB_STYLE_PROP_BGMEDIA_SPEC_TYPE: string;
+    CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL: boolean;
+    CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME: number;
+    CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY: boolean;
+    CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY: boolean;
+    CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION: string;
+    CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR: string;
+    CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT: string;
+    CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME: number;
+};
+export declare type CB_STYLE_PROP_BGMEDIA_SPECS = CB_STYLE_PROP_BGMEDIA_SPECS_BASE & {
+    'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:HOVER': number | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:MOBILE': number | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:MOBILE:HOVER': number | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:HOVER': string | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE': string | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE:HOVER': string | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:HOVER': string | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:MOBILE': string | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:MOBILE:HOVER': string | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:HOVER': string | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE': string | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE:HOVER': string | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY:MOBILE': boolean | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:HOVER': boolean | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:MOBILE': boolean | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:MOBILE:HOVER': boolean | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:HOVER': number | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:MOBILE': number | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:MOBILE:HOVER': number | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:HOVER': boolean | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:MOBILE': boolean | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:MOBILE:HOVER': boolean | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:HOVER': string | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE': string | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE:HOVER': string | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:HOVER': string | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE': string | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE:HOVER': string | null | undefined;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web",
-  "version": "2.1.14",
+  "version": "2.1.15",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",
@@ -22,6 +22,7 @@
     "i18next-intervalplural-postprocessor": "^3.0.0",
     "lottie-react": "^2.3.1",
     "nuka-carousel": "^4.8.4",
+    "publ-echo": "^0.0.25",
     "react-hook-form": "^7.28.1",
     "react-i18next": "^11.12.0",
     "react-router-dom": "^5.2.0",

package/release-note.md

@@ -1,25 +1,9 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.1.14]
+## [v2.1.15]
 ## daily|https://design.storybook.publ.biz/
 
 ### Components
-* ic_section_~~_32 / ic_section_~~_40 → 각각 두 종류 아이콘 수정 작업 (라인을 좀 더 굵게 표현함)
-    - ic_section_content
-    - ic_section_contentscarousel
-    - ic_section_custom
-    - ic_section_divider
-    - ic_section_footer
-    - ic_section_iframe
-    - ic_section_infobox
-    - ic_section_intro
-    - ic_section_map
-    - ic_section_membership
-    - ic_section_pricebox
-    - ic_section_productcarousel
-    - ic_section_review
-    - ic_section_slider
-    - ic_section_tab
-* slider : min / max 넘지 않도록 수정
+* Editor 3.0 대응 작업
 
 ### Color
-* 컬러 키 값 23.08.06 16시 22분 기준 싱크
+* 컬러 키 값 23.08.07 00시 10분 기준 싱크