pds-dev-kit-web-test 2.5.594 → 2.5.596

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

@@ -12,13 +12,13 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parsePlacement = void 0;
 var types_1 = require("../types");
-function parsePlacement(components, zOrders) {
+function parsePlacement(components, zOrders, placementRestriction) {
     if (!zOrders) {
         console.error('Z-ORDER NOT FOUND');
     }
     return components.reduce(function (acc, cur) {
         var id = cur.id, jsonProperties = cur.jsonProperties, componentBlockCode = cur.componentBlockCode;
-        var _a = parsePropPlacement(jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, id, componentBlockCode, zOrders), mobileLayout = _a.mobileLayout, desktopLayout = _a.desktopLayout;
+        var _a = parsePropPlacement(jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, id, componentBlockCode, zOrders, placementRestriction ? placementRestriction[componentBlockCode] : undefined), mobileLayout = _a.mobileLayout, desktopLayout = _a.desktopLayout;
         return {
             sm: __spreadArray(__spreadArray([], acc.sm, true), [mobileLayout], false),
             lg: __spreadArray(__spreadArray([], acc.lg, true), [desktopLayout], false)
@@ -26,7 +26,8 @@ function parsePlacement(components, zOrders) {
     }, { sm: [], lg: [] });
 }
 exports.parsePlacement = parsePlacement;
-function parsePropPlacement(props, id, cbCode, zOrders) {
+function parsePropPlacement(props, id, cbCode, zOrders, cbRestriction) {
+    var _a, _b, _c, _d;
     var desktopLayout = {
         i: id.toString(),
         x: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX,
@@ -34,7 +35,9 @@ function parsePropPlacement(props, id, cbCode, zOrders) {
         w: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS,
         h: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS,
         z: zOrders.desktop[id],
-        autoResize: cbCode === types_1.CB_ALL_CODES.CB_TEXT
+        autoResize: AUTO_RESIZE_CODES.includes(cbCode),
+        minH: (_a = cbRestriction === null || cbRestriction === void 0 ? void 0 : cbRestriction.rowHMin) !== null && _a !== void 0 ? _a : 1,
+        minW: (_b = cbRestriction === null || cbRestriction === void 0 ? void 0 : cbRestriction.columnWMin) !== null && _b !== void 0 ? _b : 1
     };
     var mobileLayout = {
         i: id.toString(),
@@ -43,11 +46,19 @@ function parsePropPlacement(props, id, cbCode, zOrders) {
         w: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE'],
         h: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE'],
         z: zOrders.mobile[id],
-        autoResize: cbCode === types_1.CB_ALL_CODES.CB_TEXT
+        autoResize: AUTO_RESIZE_CODES.includes(cbCode),
+        minH: (_c = cbRestriction === null || cbRestriction === void 0 ? void 0 : cbRestriction.rowHMin) !== null && _c !== void 0 ? _c : 1,
+        minW: (_d = cbRestriction === null || cbRestriction === void 0 ? void 0 : cbRestriction.mobileColumnWMin) !== null && _d !== void 0 ? _d : 1
     };
     return {
         mobileLayout: mobileLayout,
         desktopLayout: desktopLayout
     };
 }
+var AUTO_RESIZE_CODES = [
+    types_1.CB_ALL_CODES.CB_TEXT,
+    types_1.CB_ALL_CODES.CB_LIST,
+    types_1.CB_ALL_CODES.CB_CONTENTSCAROUSEL,
+    types_1.CB_ALL_CODES.CB_SLIDEBANNER
+];
 exports.default = parsePlacement;

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

@@ -1,5 +1,5 @@
 import { CB_LAYOUT_PROP_KEYS } from './layoutPropParsers/types';
 import { CB_STYLE_PROP_KEYS } from './stylePropParsers/types';
-import type { Device, ParserResult, CB_TEXT_PROPERTIES_TYPE, CB_BTN_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE, CB_VIDEOPLAYER_PROPERTIES_TYPE } from './types';
+import type { Device, ParserResult, CB_TEXT_PROPERTIES_TYPE, CB_BTN_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE, CB_LIST_PROPERTIES_TYPE, CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, CB_SLIDEBANNER_PROPERTIES_TYPE, CB_VIDEOPLAYER_PROPERTIES_TYPE } from './types';
 export type specTypes = CB_LAYOUT_PROP_KEYS | CB_STYLE_PROP_KEYS;
-export default function parseProperties(properties: CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE | CB_VIDEOPLAYER_PROPERTIES_TYPE, device: Device): ParserResult;
+export default function parseProperties(properties: CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE | CB_LIST_PROPERTIES_TYPE | CB_CONTENTSCAROUSEL_PROPERTIES_TYPE | CB_SLIDEBANNER_PROPERTIES_TYPE | CB_VIDEOPLAYER_PROPERTIES_TYPE, device: Device): ParserResult;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropTextSpec.js

@@ -87,5 +87,7 @@ function getParsedKey(key) {
         case "CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE":
         case "CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE:HOVER":
             return 'VERTICAL';
+        default:
+            return '';
     }
 }

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

@@ -1,22 +1,31 @@
+import type { CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS } from '../components/ComponentBlock/componentBlocks/ContentsCarousel/types';
+import type { CB_STYLE_PROP_CONTENTSLIST_SPECS } from '../components/ComponentBlock/componentBlocks/ContentsList/types';
+import type { CB_STYLE_PROP_SLIDEBANNER_SPECS } from '../components/ComponentBlock/componentBlocks/SlideBanner/types';
 import type { CB_TWITTER_STYLE_PROPS } from '../components/ComponentBlock/componentBlocks/Twitter/types';
-import type { CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CODEBLOCK, CB_CONTENT_PROP_IMAGE, CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TWITTER, CB_CONTENT_PROP_VIDEO, CB_STYLE_PROP_COLOR_SPECS, CB_STYLE_PROP_TEXT_SPECS } from '../components/ComponentBlock/componentBlocks/types';
+import type { CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_SLIDEBANNER, CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CODEBLOCK, CB_CONTENT_PROP_IMAGE, CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TWITTER, CB_STYLE_PROP_COLOR_SPECS, CB_STYLE_PROP_TEXT_SPECS, CB_CONTENT_PROP_CONTENTSLIST, CB_CONTENT_PROP_VIDEO } 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_BGOVERLAY_SPECS } from './stylePropParsers/parseStylePropBgOverlay';
 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 { CB_STYLE_PROP_BGMEDIA_SPECS } from '../../../../DynamicLayout/types';
 import type { CSSProperties } from 'react';
 export type STRING_PLAIN = string;
 export type ENUM_STRING = string;
 export type NUMBER_INTEGER = number;
 export type STRING_8DIGIT_HEX = string;
+export type CCB_VALUE_TYPE = 'VALUE' | 'DATA';
+export type CB_VALUE_TYPE = 'VALUE' | 'DELEGATEDDATA' | 'QUERYDATA';
+export type COMPOSITION_VALUE_TYPE = 'VALUE' | 'DELEGATEDDATA' | 'QUERYDATA';
+export type SECTION_VALUE_TYPE = 'VALUE' | 'QUERYDATA';
 export type CB_GENERAL_PROPERTIES_TYPE = {
     CB_PLACEMENT_PROP_PLACEMENT: CB_PLACEMENT_PROP_SPECS;
     CB_CONTENT_PROP_HOVER: {
@@ -34,8 +43,6 @@ export type CB_PLACEMENT_PROP_SPECS = {
     'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': number;
     CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: number;
     'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': number;
-    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_LATEST_LOCKED_STARTY:MOBILE': number;
-    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_LOCKSTATUS:MOBILE': 'LOCKED' | 'FALLBACK_TO_SYNC' | undefined;
 };
 export type CB_TEXT_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
     CB_CONTENT_PROP_TEXT: CB_CONTENT_PROP_TEXT;
@@ -122,6 +129,49 @@ export type CB_YOUTUBE_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
     CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
     CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
 };
+export type CB_CONTENTSCAROUSEL_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
+    CB_CONTENT_PROP_CONTENTSCAROUSEL: CB_CONTENT_PROP_CONTENTSCAROUSEL;
+    CB_STYLE_PROP_CONTENTSCAROUSEL: CB_STYLE_PROP_CONTENTSCAROUSEL_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_STYLE_PROP_BGOVERLAY: CB_STYLE_PROP_BGOVERLAY_SPECS;
+    CB_STYLE_PROP_BGMEDIA: CB_STYLE_PROP_BGMEDIA_SPECS;
+    CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
+    CB_LAYOUT_PROP_ARRANGE: CB_LAYOUT_PROP_ARRANGE_SPECS;
+    CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
+    CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
+    CB_CONTENT_PROP_CLINK: CB_CONTENT_PROP_CLINK;
+};
+export type CB_SLIDEBANNER_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
+    CB_CONTENT_PROP_SLIDEBANNER: CB_CONTENT_PROP_SLIDEBANNER;
+    CB_STYLE_PROP_SLIDEBANNER: CB_STYLE_PROP_SLIDEBANNER_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_STYLE_PROP_BGOVERLAY: CB_STYLE_PROP_BGOVERLAY_SPECS;
+    CB_STYLE_PROP_BGMEDIA: CB_STYLE_PROP_BGMEDIA_SPECS;
+    CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
+    CB_LAYOUT_PROP_ARRANGE: CB_LAYOUT_PROP_ARRANGE_SPECS;
+    CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
+    CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
+};
+export type CB_LIST_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
+    CB_CONTENT_PROP_CONTENTSLIST: CB_CONTENT_PROP_CONTENTSLIST;
+    CB_STYLE_PROP_CONTENTSLIST: CB_STYLE_PROP_CONTENTSLIST_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_STYLE_PROP_BGOVERLAY: CB_STYLE_PROP_BGOVERLAY_SPECS;
+    CB_STYLE_PROP_BGMEDIA: CB_STYLE_PROP_BGMEDIA_SPECS;
+    CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
+    CB_LAYOUT_PROP_ARRANGE: CB_LAYOUT_PROP_ARRANGE_SPECS;
+    CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
+    CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
+};
 export type CB_VIDEOPLAYER_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
     CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
     CB_CONTENT_PROP_VIDEO: CB_CONTENT_PROP_VIDEO;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ISection } from '../types';
-import type { Layout } from 'publ-echo/dist/lib/GridLayoutEditor/types';
+import type { Layout } from 'publ-echo-test/dist/lib/GridLayoutEditor/types';
 export type LayoutsType = {
     sm: Layout;
     lg: Layout;

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

@@ -176,6 +176,7 @@ var FlexGridCustomSection = (0, react_1.forwardRef)(function CustomSection(props
             }
             return 16;
         }
+        // NOTE: Desktop
         if (responsiveFontMode) {
             return size.width * 0.0133;
         }

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

@@ -1,11 +1,12 @@
 import type { TypeOfSectionAction } from './sectionActionTypes';
-import type { ComponentBlock } from './sections/CustomSection/types';
+import type { CB_ALL_CODES, 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';
-import type { Block, ZOrder } from 'publ-echo/dist/lib/GridLayoutEditor/group';
+import type { CCB_VALUE_TYPE, COMPOSITION_VALUE_TYPE } from './sections/CustomSection/util/types';
+import type { Block, ZOrder } from 'publ-echo-test/dist/lib/GridLayoutEditor/group';
 import type { Ref } from 'react';
 export { TypeOfSectionAction };
 export type TypeOfSectionManifestSchema = 'BASE_INTRO' | 'BASE_CONTENTS' | 'BASE_CONTENTS_CAROUSEL' | 'BASE_FOOTER' | 'BASE_INFO_BOX' | 'EXP_IFRAME' | 'PRG_MEMBERSHIP_DISPLAY' | 'CUSTOM';
@@ -235,6 +236,20 @@ export type DynamicLayoutProps = {
     shortcutKeyMode?: CustomSectionShortcutKeysType;
     dynamicLayoutRef?: Ref<CustomSectionImperativeHandleRef>;
     zoomScale?: number;
+    queryData?: QueryData;
+    placementRestriction?: PlaceRestrictionType;
+};
+export type PlaceRestrictionValue = {
+    columnWInit: number;
+    columnWMin: number;
+    mobileColumnWMax: number;
+    mobileColumnWMin: number;
+    rowHInit: number;
+    rowHMin: number;
+};
+export type PlaceRestrictionType = Record<CB_ALL_CODES, PlaceRestrictionValue>;
+export type QueryData = {
+    [key: string]: Array<Record<string, unknown>>;
 };
 export type NavHandlerAction = {
     openNewTab: boolean;
@@ -344,6 +359,8 @@ export type CB_STYLE_PROP_BGMEDIA_SPECS_BASE = {
     CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT: string;
     CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME: number;
     CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR: string;
+    CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE: CCB_VALUE_TYPE | COMPOSITION_VALUE_TYPE;
+    CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA: string;
 };
 export type CB_STYLE_PROP_BGMEDIA_SPECS = CB_STYLE_PROP_BGMEDIA_SPECS_BASE & {
     'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:HOVER': number | null | undefined;
@@ -377,25 +394,19 @@ export type CB_STYLE_PROP_BGMEDIA_SPECS = CB_STYLE_PROP_BGMEDIA_SPECS_BASE & {
     'CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR:HOVER'?: string | null;
     'CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR:MOBILE'?: string | null;
     'CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR:MOBILE:HOVER'?: string | null;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE:HOVER'?: CCB_VALUE_TYPE | null;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE:MOBILE'?: CCB_VALUE_TYPE | null;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE:MOBILE:HOVER'?: CCB_VALUE_TYPE | null;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA:HOVER'?: string | null;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA:MOBILE'?: string | null;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA:MOBILE:HOVER'?: string | null;
 };
 export interface IComposition {
     id: number;
     administrativeTitle?: string;
-    display: boolean;
-    order: number;
-    manifest: {
-        schema: TypeOfSectionManifestSchema;
-        availableProperties: Array<KeyOfSectionProperties>;
-        availableStyles: Array<KeyOfSectionStyles>;
-        availableTemplates: Array<TypeofSectionTemplate>;
-    } | Record<string, never>;
-    template: TypeofSectionTemplate;
-    properties: ISectionProperties;
-    styles: ISectionStyles;
-    dynamicLayoutSectionItems: Array<IItem> | null;
+    isDefault: boolean;
     insertedAt: string;
     updatedAt: string;
-    type: TypeOfSectionType;
     program?: 'MEMBERSHIP_DISPLAY';
     programData?: {
         mdid: string;
@@ -409,6 +420,42 @@ export interface IComposition {
             };
         };
     };
-    componentBlocks?: ComponentBlock[];
-    jsonProperties?: ISectionJsonProperties;
+    componentBlocks: ComponentBlock[];
+    jsonProperties: ICompositionJsonProperties;
+    compositionCode: string;
+    compositionTemplateCode: string;
+    dynamicLayoutComponentBlockId: number;
 }
+export type ICompositionJsonProperties = {
+    data: {
+        CB_CONTENT_PROP_COMPOSITIONSMARTARRANGE: {
+            CB_CONTENT_PROP_COMPOSITIONSMARTARRANGE_SPEC_MANUAL: null;
+        };
+        CB_CONTENT_PROP_HOVER: {
+            CB_CONTENT_PROP_HOVER_SPEC_MUSE: boolean;
+        };
+        CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
+        CB_PLACEMENT_PROP_COMPOSITION: {
+            CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS: number;
+            'CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS:MOBILE': number | null;
+            CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXHEIGHT: number | null;
+            'CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXHEIGHT:MOBILE': number | null;
+            CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXWIDTH: number | null;
+            'CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXWIDTH:MOBILE': number | null;
+            CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT: number | null;
+            'CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT:MOBILE': number | null;
+            CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH: number | null;
+            'CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH:MOBILE': number | null;
+            CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS: number;
+            'CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS:MOBILE': number | null;
+        };
+        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;
+    };
+    zOrders: ZOrder;
+    pedigree: SectionPedigree;
+    currentVersion: string;
+    minVersion: string;
+    version: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.5.594",
+  "version": "2.5.596",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",
@@ -12,11 +12,9 @@
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^11.2.7",
     "@testing-library/user-event": "^12.8.3",
-    "@tinymce/tinymce-react": "^4.3.0",
     "@types/google-spreadsheet": "^3.1.5",
     "@types/react": "^17.0.27",
     "@types/react-dom": "^17.0.9",
-    "@types/uuid": "^8.3.4",
     "dotenv": "^8.2.0",
     "google-spreadsheet": "^3.1.15",
     "i18next": "^21.3.2",
@@ -25,21 +23,19 @@
     "lottie-react": "^2.3.1",
     "nuka-carousel": "^4.8.4",
     "publ-echo": "^0.0.119",
+    "publ-echo-test": "^0.0.310",
     "react-hook-form": "^7.28.1",
     "react-i18next": "^11.12.0",
     "react-router-dom": "^5.2.0",
     "react-scripts": "4.0.3",
     "smoothscroll-polyfill": "^0.4.4",
     "styled-components": "^5.2.1",
-    "swiper": "^8.4.5",
-    "tinymce": "^6.3.1",
+    "swiper": "^9.4.1",
     "tsc-init": "^2.1.0",
-    "uuid": "^8.3.2",
     "web-vitals": "^1.1.2"
   },
   "scripts": {
-    "build": "rm -rf ./dist && tsc && tsc-alias && npm run copy:tinymce",
-    "copy:tinymce": "node scripts/copy-tinymce.js",
+    "build": "rm -rf ./dist && tsc && tsc-alias",
     "prepare": "npm run build | husky install",
     "sync:color": "dotenv -e env/.env node syncColor.ts",
     "storybook": "start-storybook -p 6006",

package/release-note.md

@@ -1,6 +1,6 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.2.209]
+## [v2.2.178]
 ## daily|https://design.storybook.publ.biz/
 
 ### 업데이트 사항
-* [PDS-1330] TextButton에 iconMode 속성 추가건
+* [FIX- BGMEDIA 영상fallbackurl적용]

package/dist/scripts/copy-tinymce.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/scripts/copy-tinymce.js

@@ -1,32 +0,0 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-var fs = require('fs');
-var path = require('path');
-var sourceDir = path.join(__dirname, '../node_modules/tinymce');
-var targetDir = path.join(__dirname, '../dist/tinymce');
-function copyDir(src, dest) {
-    if (!fs.existsSync(dest)) {
-        fs.mkdirSync(dest, { recursive: true });
-    }
-    var items = fs.readdirSync(src);
-    items.forEach(function (item) {
-        var srcPath = path.join(src, item);
-        var destPath = path.join(dest, item);
-        if (fs.statSync(srcPath).isDirectory()) {
-            copyDir(srcPath, destPath);
-        }
-        else {
-            fs.copyFileSync(srcPath, destPath);
-        }
-    });
-}
-console.log('Copying TinyMCE static files to dist...');
-if (fs.existsSync(sourceDir)) {
-    copyDir(sourceDir, targetDir);
-    console.log('TinyMCE static files copied successfully!');
-    console.log("Files copied to: ".concat(targetDir));
-}
-else {
-    console.error('TinyMCE source directory not found:', sourceDir);
-    console.log('Make sure tinymce is installed: npm install tinymce');
-    process.exit(1);
-}

package/dist/src/common/assets/icons/fill/Translate.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type IconType from '../IconType';
-declare const Translate: ({ color, size, ...rest }: IconType) => JSX.Element;
-export default Translate;

package/dist/src/common/assets/icons/fill/Translate.js

@@ -1,30 +0,0 @@
-"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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Translate = function (_a) {
-    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M7.097,7.947 C6.356,6.96 5.801,5.917 5.413,4.781 L8.679,4.781 C8.263,6.029 7.742,7.072 7.097,7.947 L7.097,7.947 Z M16.353,12.562 L13.833,12.562 L15.099,8.982 L16.353,12.562 Z M16.608,5.369 L16.497,5.076 L13.666,5.076 L11.391,11.25 C10.424,10.814 9.569,10.32 8.882,9.798 C9.972,8.418 10.808,6.734 11.37,4.781 L13.655,4.781 L13.655,2.413 L8.256,2.413 L8.256,0 L5.743,0 L5.743,2.413 L0.454,2.413 L0.454,4.781 L2.778,4.781 C3.348,6.624 4.211,8.335 5.295,9.767 C4.321,10.562 2.798,11.553 0.706,12.205 L0,12.431 L1.355,14.732 L1.819,14.559 C3.726,13.858 5.579,12.815 7.075,11.604 C7.998,12.353 9.19,13.082 10.491,13.693 L8.813,18.245 L11.805,18.245 L12.945,15.022 L17.221,15.022 L18.363,18.245 L21.389,18.245 L16.608,5.369 Z", transform: "translate(2 2.85)" }) })));
-};
-exports.default = Translate;

package/dist/src/common/assets/icons/line/Translate.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type IconType from '../IconType';
-declare const Translate: ({ color, size, ...rest }: IconType) => JSX.Element;
-export default Translate;

package/dist/src/common/assets/icons/line/Translate.js

@@ -1,30 +0,0 @@
-"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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Translate = function (_a) {
-    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M6.497,8.1963 C5.449,6.9073 4.718,5.5273 4.267,3.9813 L8.624,3.9813 C8.109,5.7143 7.413,7.0933 6.497,8.1963 L6.497,8.1963 Z M14.519,7.4273 L16.317,12.5623 L12.667,12.5623 L14.483,7.4273 L14.519,7.4273 Z M15.634,5.1083 L15.622,5.0763 L13.345,5.0763 L11.021,11.3853 C9.701,10.8303 8.56,10.1643 7.716,9.4583 C8.954,8.0013 9.879,6.1593 10.467,3.9813 L12.655,3.9813 L12.655,2.4133 L7.256,2.4133 L7.256,0.0003 L5.543,0.0003 L5.543,2.4133 L0.254,2.4133 L0.254,3.9813 L2.476,3.9813 C3.068,6.0193 4.025,7.9003 5.247,9.4253 C4.261,10.2833 2.599,11.4483 0.228,12.1863 L8.8817842e-16,12.2593 L0.911,13.8033 L0.932,13.8403 L1.081,13.7843 C3.06,13.0563 4.974,11.9563 6.476,10.6833 C7.479,11.5503 8.867,12.4003 10.394,13.0843 L8.788,17.4453 L10.923,17.4453 L12.062,14.2223 L16.904,14.2223 L18.031,17.4123 L18.043,17.4453 L20.215,17.4453 L15.634,5.1083 Z", transform: "translate(2 3.2)" }) })));
-};
-exports.default = Translate;

package/dist/src/common/hooks/useParentResizeObserver.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function useParentResizeObserver<T extends HTMLElement>(ref: React.RefObject<T>, callback: () => void, delay?: number): void;

package/dist/src/common/hooks/useParentResizeObserver.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useParentResizeObserver = void 0;
-var react_1 = require("react");
-var useResizeObserver_1 = require("./useResizeObserver");
-function useParentResizeObserver(ref, callback, delay) {
-    if (delay === void 0) { delay = 100; }
-    (0, react_1.useLayoutEffect)(function () {
-        var _a;
-        var parent = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.parentElement;
-        if (!parent)
-            return;
-        var debouncedCallback = (0, useResizeObserver_1.debounce)(callback, delay);
-        var resizeObserver = new ResizeObserver(debouncedCallback);
-        resizeObserver.observe(parent);
-        callback();
-        return function () { return resizeObserver.disconnect(); };
-    }, [ref, callback]);
-}
-exports.useParentResizeObserver = useParentResizeObserver;

package/dist/src/common/hooks/useResizeObserver.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const debounce: (fn: () => void, delay: number) => () => void;
-export declare function useResizeObserver<T extends HTMLElement>(ref: React.RefObject<T>, callback: () => void, delay?: number): void;

package/dist/src/common/hooks/useResizeObserver.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useResizeObserver = exports.debounce = void 0;
-var react_1 = require("react");
-var debounce = function (fn, delay) {
-    var timer = null;
-    return function () {
-        if (timer)
-            clearTimeout(timer);
-        timer = setTimeout(fn, delay);
-    };
-};
-exports.debounce = debounce;
-function useResizeObserver(ref, callback, delay) {
-    if (delay === void 0) { delay = 100; }
-    (0, react_1.useLayoutEffect)(function () {
-        var target = ref.current;
-        if (!target)
-            return;
-        var debouncedCallback = (0, exports.debounce)(callback, delay);
-        var resizeObserver = new ResizeObserver(debouncedCallback);
-        resizeObserver.observe(target);
-        callback();
-        return function () { return resizeObserver.disconnect(); };
-    }, [ref, callback, delay]);
-}
-exports.useResizeObserver = useResizeObserver;

package/dist/src/common/hooks/useWindowSize.d.ts

@@ -1,4 +0,0 @@
-export declare function useWindowSize(): {
-    width: number;
-    height: number;
-};

package/dist/src/common/hooks/useWindowSize.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWindowSize = void 0;
-var react_1 = require("react");
-function useWindowSize() {
-    var _a = (0, react_1.useState)({
-        width: window.innerWidth,
-        height: window.innerHeight
-    }), size = _a[0], setSize = _a[1];
-    (0, react_1.useEffect)(function () {
-        var handleResize = function () {
-            setSize({
-                width: window.innerWidth,
-                height: window.innerHeight
-            });
-        };
-        window.addEventListener('resize', handleResize);
-        return function () { return window.removeEventListener('resize', handleResize); };
-    }, []);
-    return size;
-}
-exports.useWindowSize = useWindowSize;

package/dist/src/common/styles/editorContentStyle.d.ts

@@ -1 +0,0 @@
-export declare const editorContentStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;