pds-dev-kit-web-test 2.2.99 → 2.2.244

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/helper.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.convertToCdnUrl = exports.parseTargetUrl = void 0;
+function parseTargetUrl(url) {
+    var _a = url.split('?'), encodedURL = _a[0], query = _a[1];
+    if (!query) {
+        return {
+            encodedURL: convertToCdnUrl(encodedURL),
+            fallbackURL: null
+        };
+    }
+    var params = new URLSearchParams(query);
+    var fallbackUrl = params.get('fallbackUrl');
+    if (!fallbackUrl) {
+        return {
+            encodedURL: convertToCdnUrl(encodedURL),
+            fallbackURL: null
+        };
+    }
+    return {
+        encodedURL: convertToCdnUrl(encodedURL),
+        fallbackURL: convertToCdnUrl("https://".concat(fallbackUrl))
+    };
+}
+exports.parseTargetUrl = parseTargetUrl;
+function convertToCdnUrl(url) {
+    if (!url) {
+        return url;
+    }
+    return url
+        .replace(/^https?:\/\/publ-upload-local\.s3\.ap-northeast-2\.amazonaws\.com\//, 'https://cdn.local.publishingkit.net/')
+        .replace(/^https?:\/\/publ-upload-dev\.s3\.ap-northeast-2\.amazonaws\.com\//, 'https://cdn.dev.publishingkit.net/')
+        .replace(/^https?:\/\/publ-upload-prod\.s3\.ap-northeast-2\.amazonaws\.com\//, 'https://cdn.publishingkit.net/');
+}
+exports.convertToCdnUrl = convertToCdnUrl;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/index.d.ts

@@ -0,0 +1 @@
+export { default as VideoPlayer } from './VideoPlayer';

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoPlayer = void 0;
+var VideoPlayer_1 = require("./VideoPlayer");
+Object.defineProperty(exports, "VideoPlayer", { enumerable: true, get: function () { return __importDefault(VideoPlayer_1).default; } });

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_Backdrop.d.ts

@@ -0,0 +1 @@
+export declare const S_Backdrop: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_Backdrop.js

@@ -0,0 +1,13 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.S_Backdrop = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.S_Backdrop = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  /* background: #bababaa3; */\n  background-color: red;\n  height: 100vh;\n  pointer-events: none;\n  position: absolute;\n  width: 100vw;\n  z-index: 100002;\n"], ["\n  /* background: #bababaa3; */\n  background-color: red;\n  height: 100vh;\n  pointer-events: none;\n  position: absolute;\n  width: 100vw;\n  z-index: 100002;\n"])));
+var templateObject_1;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_AnimationObserverBox.js

@@ -20,7 +20,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.S_CB_AnimationObserverBox = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.S_CB_AnimationObserverBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n\n  ", ";\n"], ["\n  height: 100%;\n  width: 100%;\n\n  ", ";\n"])), function (_a) {
+exports.S_CB_AnimationObserverBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  position: relative;\n  width: 100%;\n  ", ";\n"], ["\n  height: 100%;\n  position: relative;\n  width: 100%;\n  ", ";\n"])), function (_a) {
     var effectVisibleStyle = _a.effectVisibleStyle;
     return effectVisibleStyle && __assign({}, effectVisibleStyle);
 });

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_Box.js

@@ -40,7 +40,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.S_CB_Box = void 0;
 var styled_components_1 = __importStar(require("styled-components"));
-exports.S_CB_Box = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  /*\n     Introduced in IE 10.\n     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/\n   */\n\n  height: 100%;\n  width: 100%;\n\n  ", ";\n\n  &:hover {\n    ", ";\n  }\n"], ["\n  /*\n     Introduced in IE 10.\n     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/\n   */\n\n  height: 100%;\n  width: 100%;\n\n  ", ";\n\n  &:hover {\n    ", ";\n  }\n"])), function (_a) {
+exports.S_CB_Box = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  /*\n     Introduced in IE 10.\n     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/\n   */\n\n  height: 100%;\n  width: 100%;\n\n  ", ";\n\n  &:hover,\n  &.hovered {\n    ", ";\n  }\n"], ["\n  /*\n     Introduced in IE 10.\n     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/\n   */\n\n  height: 100%;\n  width: 100%;\n\n  ", ";\n\n  &:hover,\n  &.hovered {\n    ", ";\n  }\n"])), function (_a) {
     var normalStyle = _a.normalStyle;
     return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      ", "\n    "], ["\n      ", "\n    "])), __assign(__assign({}, normalStyle), { boxShadow: '' }));
 }, function (_a) {

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_BoxWithShadow.js

@@ -44,7 +44,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.S_CB_BoxWithShadow = void 0;
 var isNullOrUndefined_1 = __importDefault(require("../../../../../../../DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
 var styled_components_1 = __importStar(require("styled-components"));
-exports.S_CB_BoxWithShadow = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  /*\n     Introduced in IE 10.\n     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/\n   */\n\n  height: 100%;\n  width: 100%;\n\n  ", ";\n\n  &:before {\n    border-bottom-left-radius: ", "px;\n    border-bottom-right-radius: ", "px;\n    border-top-left-radius: ", "px;\n    border-top-right-radius: ", "px;\n    box-shadow: ", ";\n    content: '';\n    height: 100%;\n    left: 0;\n    opacity: ", ";\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    width: 100%;\n  }\n\n  &:hover {\n    ", ";\n\n    &:before {\n      border-bottom-left-radius: ", "px;\n      border-bottom-right-radius: ", "px;\n      border-top-left-radius: ", "px;\n      border-top-right-radius: ", "px;\n      box-shadow: ", ";\n      content: '';\n      height: 100%;\n      left: 0;\n      opacity: ", ";\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      width: 100%;\n    }\n  }\n"], ["\n  /*\n     Introduced in IE 10.\n     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/\n   */\n\n  height: 100%;\n  width: 100%;\n\n  ", ";\n\n  &:before {\n    border-bottom-left-radius: ", "px;\n    border-bottom-right-radius: ", "px;\n    border-top-left-radius: ", "px;\n    border-top-right-radius: ", "px;\n    box-shadow: ", ";\n    content: '';\n    height: 100%;\n    left: 0;\n    opacity: ", ";\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    width: 100%;\n  }\n\n  &:hover {\n    ", ";\n\n    &:before {\n      border-bottom-left-radius: ", "px;\n      border-bottom-right-radius: ", "px;\n      border-top-left-radius: ", "px;\n      border-top-right-radius: ", "px;\n      box-shadow: ", ";\n      content: '';\n      height: 100%;\n      left: 0;\n      opacity: ", ";\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      width: 100%;\n    }\n  }\n"])), function (_a) {
+exports.S_CB_BoxWithShadow = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  /*\n     Introduced in IE 10.\n     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/\n   */\n\n  height: 100%;\n  width: 100%;\n\n  ", ";\n\n  &:before {\n    border-bottom-left-radius: ", "px;\n    border-bottom-right-radius: ", "px;\n    border-top-left-radius: ", "px;\n    border-top-right-radius: ", "px;\n    box-shadow: ", ";\n    content: '';\n    height: 100%;\n    left: 0;\n    opacity: ", ";\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    width: 100%;\n  }\n\n  &:hover,\n  &.hovered {\n    ", ";\n\n    &:before {\n      border-bottom-left-radius: ", "px;\n      border-bottom-right-radius: ", "px;\n      border-top-left-radius: ", "px;\n      border-top-right-radius: ", "px;\n      box-shadow: ", ";\n      content: '';\n      height: 100%;\n      left: 0;\n      opacity: ", ";\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      width: 100%;\n    }\n  }\n"], ["\n  /*\n     Introduced in IE 10.\n     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/\n   */\n\n  height: 100%;\n  width: 100%;\n\n  ", ";\n\n  &:before {\n    border-bottom-left-radius: ", "px;\n    border-bottom-right-radius: ", "px;\n    border-top-left-radius: ", "px;\n    border-top-right-radius: ", "px;\n    box-shadow: ", ";\n    content: '';\n    height: 100%;\n    left: 0;\n    opacity: ", ";\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    width: 100%;\n  }\n\n  &:hover,\n  &.hovered {\n    ", ";\n\n    &:before {\n      border-bottom-left-radius: ", "px;\n      border-bottom-right-radius: ", "px;\n      border-top-left-radius: ", "px;\n      border-top-right-radius: ", "px;\n      box-shadow: ", ";\n      content: '';\n      height: 100%;\n      left: 0;\n      opacity: ", ";\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      width: 100%;\n    }\n  }\n"])), function (_a) {
     var normalStyle = _a.normalStyle;
     return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      ", "\n    "], ["\n      ", "\n    "])), __assign(__assign({}, normalStyle), { boxShadow: '' }));
 }, function (_a) {

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

@@ -1,11 +1,12 @@
 /// <reference types="react" />
-import type { STRING_PLAIN } from '../../../util/types';
+import type { ENUM_STRING, NUMBER_INTEGER, STRING_8DIGIT_HEX, STRING_PLAIN } from '../../../util/types';
 export type StylesProps = {
     normalStyle: React.CSSProperties;
     hoverStyle: React.CSSProperties;
 };
 export type CB_CONTENT_PROP_TEXT = {
     CB_CONTENT_PROP_TEXT_SPEC_TEXT: STRING_PLAIN;
+    CB_CONTENT_PROP_TEXT_SPEC_TEXTMOBILEALTERNATIVE: STRING_PLAIN;
 };
 export type CB_CONTENT_PROP_CLINK = {
     CB_CONTENT_PROP_CLINK_SPEC_TYPE: 'INTERNAL' | 'EXTERNAL' | 'DISABLED';
@@ -22,3 +23,91 @@ export type CB_CONTENT_PROP_TWITTER = {
 export type CB_CONTENT_PROP_CODEBLOCK = {
     CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: STRING_PLAIN;
 };
+export type CBTextPropsKeys = keyof CB_STYLE_PROP_TEXT_SPECS;
+export type CB_STYLE_PROP_TEXT_SPECS_BASE = {
+    CB_STYLE_PROP_TEXT_SPEC_TYPEFACE: ENUM_STRING;
+    CB_STYLE_PROP_TEXT_SPEC_WEIGHT: NUMBER_INTEGER;
+    CB_STYLE_PROP_TEXT_SPEC_SIZE: NUMBER_INTEGER;
+    CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT: NUMBER_INTEGER;
+    CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING: NUMBER_INTEGER;
+    CB_STYLE_PROP_TEXT_SPEC_COLOR: STRING_8DIGIT_HEX;
+    CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL: ENUM_STRING;
+    CB_STYLE_PROP_TEXT_SPEC_VERTICAL: ENUM_STRING;
+};
+export type CB_STYLE_PROP_TEXT_SPECS = CB_STYLE_PROP_TEXT_SPECS_BASE & {
+    'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_SIZE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE:HOVER': ENUM_STRING | null | undefined;
+};
+export type CBColorPropsKeys = keyof CB_STYLE_PROP_COLOR_SPECS;
+export type CBColorValueSetType = Partial<Record<keyof CB_STYLE_PROP_COLOR_SPECS, CB_STYLE_PROP_COLOR_ENUM_GRADIENT | NUMBER_INTEGER | ENUM_STRING | undefined>>;
+export type CB_STYLE_PROP_COLOR_ENUM_GRADIENT = 'LINEAR' | 'RADIAL';
+export type CB_STYLE_PROP_COLOR_ENUM_TYPE = 'NONE' | 'SOLID' | 'GRADIENT';
+export type CB_STYLE_PROP_COLOR_SPECS_BASE = {
+    CB_STYLE_PROP_COLOR_SPEC_ANGLE: NUMBER_INTEGER;
+    CB_STYLE_PROP_COLOR_SPEC_COLOR: ENUM_STRING;
+    CB_STYLE_PROP_COLOR_SPEC_ENDCOLOR: ENUM_STRING;
+    CB_STYLE_PROP_COLOR_SPEC_ENDLOC: NUMBER_INTEGER;
+    CB_STYLE_PROP_COLOR_SPEC_GRADIENT: CB_STYLE_PROP_COLOR_ENUM_GRADIENT;
+    CB_STYLE_PROP_COLOR_SPEC_STARTCOLOR: ENUM_STRING;
+    CB_STYLE_PROP_COLOR_SPEC_STARTLOC: NUMBER_INTEGER;
+    CB_STYLE_PROP_COLOR_SPEC_TYPE: CB_STYLE_PROP_COLOR_ENUM_TYPE;
+};
+export type CB_STYLE_PROP_COLOR_SPECS = CB_STYLE_PROP_COLOR_SPECS_BASE & {
+    'CB_STYLE_PROP_COLOR_SPEC_ANGLE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_ANGLE:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_ANGLE:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_COLOR:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_COLOR:MOBILE': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_COLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_ENDCOLOR:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_ENDCOLOR:MOBILE': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_ENDCOLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_ENDLOC:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_ENDLOC:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_ENDLOC:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_GRADIENT:HOVER': CB_STYLE_PROP_COLOR_ENUM_GRADIENT | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_GRADIENT:MOBILE': CB_STYLE_PROP_COLOR_ENUM_GRADIENT | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_GRADIENT:MOBILE:HOVER': CB_STYLE_PROP_COLOR_ENUM_GRADIENT | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_STARTCOLOR:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_STARTCOLOR:MOBILE': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_STARTCOLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_STARTLOC:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_STARTLOC:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_STARTLOC:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_TYPE:HOVER': CB_STYLE_PROP_COLOR_ENUM_TYPE | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_TYPE:MOBILE': CB_STYLE_PROP_COLOR_ENUM_TYPE | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_TYPE:MOBILE:HOVER': CB_STYLE_PROP_COLOR_ENUM_TYPE | null | undefined;
+};
+export type CB_CONTENT_PROP_VIDEO = {
+    CB_CONTENT_PROP_VIDEO_SPEC_CONNECTDATA: STRING_PLAIN;
+    CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR: string;
+    CB_CONTENT_PROP_VIDEO_SPEC_AUTOPLAY: string;
+    CB_CONTENT_PROP_VIDEO_SPEC_MAUTOPLAY: string;
+    CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME: number;
+    CB_CONTENT_PROP_VIDEO_SPEC_THUMB: string;
+    CB_CONTENT_PROP_VIDEO_SPEC_TYPE: 'FILE' | 'URL';
+    CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME: number;
+    CB_CONTENT_PROP_VIDEO_SPEC_REPLAY: boolean;
+};

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

@@ -1 +1 @@
-export { default as ComponentBlockMatcher } from './ComponentBlockMatcher';
+export { default as ComponentBlock } from './ComponentBlock';

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/index.js

@@ -3,6 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentBlockMatcher = void 0;
-var ComponentBlockMatcher_1 = require("./ComponentBlockMatcher");
-Object.defineProperty(exports, "ComponentBlockMatcher", { enumerable: true, get: function () { return __importDefault(ComponentBlockMatcher_1).default; } });
+exports.ComponentBlock = void 0;
+var ComponentBlock_1 = require("./ComponentBlock");
+Object.defineProperty(exports, "ComponentBlock", { enumerable: true, get: function () { return __importDefault(ComponentBlock_1).default; } });

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

@@ -1 +1 @@
-export { ComponentBlockMatcher } from './ComponentBlock';
+export { ComponentBlock } from './ComponentBlock';

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

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentBlockMatcher = void 0;
+exports.ComponentBlock = void 0;
 var ComponentBlock_1 = require("./ComponentBlock");
-Object.defineProperty(exports, "ComponentBlockMatcher", { enumerable: true, get: function () { return ComponentBlock_1.ComponentBlockMatcher; } });
+Object.defineProperty(exports, "ComponentBlock", { enumerable: true, get: function () { return ComponentBlock_1.ComponentBlock; } });

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/getGoogleFonts.d.ts

@@ -1,4 +1,2 @@
-import type { CB_BTNTEXT_STYLE_PROPS } from '../../components/ComponentBlock/componentBlocks/Button/btnTypes';
-import type { CB_STYLE_PROP_TEXT_SPECS } from '../../components/ComponentBlock/componentBlocks/Text/types';
-export declare function getGoogleFontsFromTextCB(props: CB_STYLE_PROP_TEXT_SPECS, isMobile: boolean): string[];
-export declare function getGoogleFontsFromBtnCB(props: CB_BTNTEXT_STYLE_PROPS, isMobile: boolean): string[];
+import type { CB_STYLE_PROP_TEXT_SPECS } from '../../components/ComponentBlock/componentBlocks/types';
+export declare function getGoogleFontsFromTextSpecCode(props: CB_STYLE_PROP_TEXT_SPECS, isMobile: boolean): string[];

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/getGoogleFonts.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getGoogleFontsFromBtnCB = exports.getGoogleFontsFromTextCB = void 0;
-function getGoogleFontsFromTextCB(props, isMobile) {
+exports.getGoogleFontsFromTextSpecCode = void 0;
+function getGoogleFontsFromTextSpecCode(props, isMobile) {
     var typeface = props.CB_STYLE_PROP_TEXT_SPEC_TYPEFACE;
     var typefaceHover = props['CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER'];
     var typefaceMobile = props['CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE'];
@@ -11,15 +11,4 @@ function getGoogleFontsFromTextCB(props, isMobile) {
     }
     return [typeface, typefaceHover].filter(function (each) { return each && each.startsWith('GOOGLE:'); });
 }
-exports.getGoogleFontsFromTextCB = getGoogleFontsFromTextCB;
-function getGoogleFontsFromBtnCB(props, isMobile) {
-    var typeface = props.CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE;
-    var typefaceHover = props['CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:HOVER'];
-    var typefaceMobile = props['CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:MOBILE'];
-    var typefaceMobileHover = props['CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:MOBILE:HOVER'];
-    if (isMobile) {
-        return [typefaceMobile, typefaceMobileHover].filter(function (each) { return each && each.startsWith('GOOGLE:'); });
-    }
-    return [typeface, typefaceHover].filter(function (each) { return each && each.startsWith('GOOGLE:'); });
-}
-exports.getGoogleFontsFromBtnCB = getGoogleFontsFromBtnCB;
+exports.getGoogleFontsFromTextSpecCode = getGoogleFontsFromTextSpecCode;

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

@@ -1,2 +1,2 @@
-export { getGoogleFontsFromBtnCB, getGoogleFontsFromTextCB } from './getGoogleFonts';
+export { getGoogleFontsFromTextSpecCode } from './getGoogleFonts';
 export { default as useGoogleFonts } from './useGoogleFonts';

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/index.js

@@ -3,9 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useGoogleFonts = exports.getGoogleFontsFromTextCB = exports.getGoogleFontsFromBtnCB = void 0;
+exports.useGoogleFonts = exports.getGoogleFontsFromTextSpecCode = void 0;
 var getGoogleFonts_1 = require("./getGoogleFonts");
-Object.defineProperty(exports, "getGoogleFontsFromBtnCB", { enumerable: true, get: function () { return getGoogleFonts_1.getGoogleFontsFromBtnCB; } });
-Object.defineProperty(exports, "getGoogleFontsFromTextCB", { enumerable: true, get: function () { return getGoogleFonts_1.getGoogleFontsFromTextCB; } });
+Object.defineProperty(exports, "getGoogleFontsFromTextSpecCode", { enumerable: true, get: function () { return getGoogleFonts_1.getGoogleFontsFromTextSpecCode; } });
 var useGoogleFonts_1 = require("./useGoogleFonts");
 Object.defineProperty(exports, "useGoogleFonts", { enumerable: true, get: function () { return __importDefault(useGoogleFonts_1).default; } });

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useIsMounted.d.ts

@@ -0,0 +1 @@
+export declare function useIsMounted(): () => boolean;

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useIsMounted.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsMounted = void 0;
+var react_1 = require("react");
+function useIsMounted() {
+    var isMounted = (0, react_1.useRef)(false);
+    (0, react_1.useEffect)(function () {
+        isMounted.current = true;
+        return function () {
+            isMounted.current = false;
+        };
+    }, []);
+    return (0, react_1.useCallback)(function () { return isMounted.current; }, []);
+}
+exports.useIsMounted = useIsMounted;

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useResizableObserver.d.ts

@@ -0,0 +1,12 @@
+import type { RefObject } from 'react';
+type Size = {
+    width: number | undefined;
+    height: number | undefined;
+};
+type UseResizeObserverOptions<T extends HTMLElement = HTMLElement> = {
+    ref: RefObject<T>;
+    onResize?: (size: Size) => void;
+    box?: 'border-box' | 'content-box' | 'device-pixel-content-box';
+};
+export declare function useResizeObserver<T extends HTMLElement = HTMLElement>(options: UseResizeObserverOptions<T>): Size;
+export {};

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useResizableObserver.js

@@ -0,0 +1,74 @@
+"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.useResizeObserver = void 0;
+var react_1 = require("react");
+var useIsMounted_1 = require("./useIsMounted");
+var initialSize = {
+    width: undefined,
+    height: undefined
+};
+function useResizeObserver(options) {
+    var ref = options.ref, _a = options.box, box = _a === void 0 ? 'content-box' : _a;
+    var _b = (0, react_1.useState)(initialSize), _c = _b[0], width = _c.width, height = _c.height, setSize = _b[1];
+    var isMounted = (0, useIsMounted_1.useIsMounted)();
+    var previousSize = (0, react_1.useRef)(__assign({}, initialSize));
+    var onResize = (0, react_1.useRef)(undefined);
+    onResize.current = options.onResize;
+    (0, react_1.useEffect)(function () {
+        if (!ref.current)
+            return;
+        if (typeof window === 'undefined' || !('ResizeObserver' in window))
+            return;
+        var observer = new ResizeObserver(function (_a) {
+            var entry = _a[0];
+            var boxProp = box === 'border-box'
+                ? 'borderBoxSize'
+                : box === 'device-pixel-content-box'
+                    ? 'devicePixelContentBoxSize'
+                    : 'contentBoxSize';
+            var newWidth = extractSize(entry, boxProp, 'inlineSize');
+            var newHeight = extractSize(entry, boxProp, 'blockSize');
+            var hasChanged = previousSize.current.width !== newWidth || previousSize.current.height !== newHeight;
+            if (hasChanged) {
+                var newSize = { width: newWidth, height: newHeight };
+                previousSize.current.width = newWidth;
+                previousSize.current.height = newHeight;
+                if (onResize.current) {
+                    onResize.current(newSize);
+                }
+                else if (isMounted()) {
+                    setSize(newSize);
+                }
+            }
+        });
+        observer.observe(ref.current, { box: box });
+        return function () {
+            observer.disconnect();
+        };
+    }, [box, ref, isMounted]);
+    return { width: width, height: height };
+}
+exports.useResizeObserver = useResizeObserver;
+function extractSize(entry, box, sizeType) {
+    if (!entry[box]) {
+        if (box === 'contentBoxSize') {
+            return entry.contentRect[sizeType === 'inlineSize' ? 'width' : 'height'];
+        }
+        return undefined;
+    }
+    return Array.isArray(entry[box])
+        ? entry[box][0][sizeType]
+        : // @ts-ignore Support Firefox's non-standard behavior
+            entry[box][sizeType];
+}

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

@@ -0,0 +1,7 @@
+type ClassValue = string | number | boolean | null | undefined | ClassDictionary | ClassArray;
+type ClassDictionary = {
+    [key: string]: boolean | undefined | null;
+};
+type ClassArray = ClassValue[];
+export declare const clsx: (...args: ClassValue[]) => string;
+export {};

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clsx = void 0;
+var clsx = function () {
+    var args = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+    }
+    return args
+        .flatMap(function (arg) {
+        if (!arg)
+            return [];
+        if (typeof arg === 'string' || typeof arg === 'number')
+            return [arg];
+        if (Array.isArray(arg))
+            return exports.clsx.apply(void 0, arg);
+        if (typeof arg === 'object') {
+            return (Object.entries(arg)
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                .filter(function (_a) {
+                var _ = _a[0], value = _a[1];
+                return Boolean(value);
+            })
+                .map(function (_a) {
+                var key = _a[0];
+                return key;
+            }));
+        }
+        return [];
+    })
+        .join(' ');
+};
+exports.clsx = clsx;

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

@@ -1,15 +1,15 @@
-import type { BTNColorValueSetType } from '../components/ComponentBlock/componentBlocks/Button/btnTypes';
 import type { BGOverlayValueSetType } from '../components/ComponentBlock/componentBlocks/RichText/types';
+import type { CBColorValueSetType } from '../components/ComponentBlock/componentBlocks/types';
 import type { BGColorValueSetType } from '../components/ComponentBlock/componentBlocks/Youtube/types';
 import type { Device } from '../util/types';
 import type { CSSProperties } from 'react';
-type CBName = 'BTNCOLOR' | 'BGCOLOR' | 'BGOVERLAY';
+type CBName = 'COLOR' | 'BGCOLOR' | 'BGOVERLAY';
 type ExtractPropKey<T extends CBName> = Extract<T, CBName>;
-type ValueSetType = BTNColorValueSetType & BGColorValueSetType & BGOverlayValueSetType;
+type ValueSetType = CBColorValueSetType & BGColorValueSetType & BGOverlayValueSetType;
 export type ParseStyleColorProps<T> = {
     availableSpecCodes: Array<keyof T>;
     props: T;
-    propKey: ExtractPropKey<'BTNCOLOR'>;
+    propKey: ExtractPropKey<'COLOR'>;
     device: Device;
 } | {
     availableSpecCodes: Array<keyof T>;

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

@@ -0,0 +1 @@
+export declare function getMobileFontSize(desktopSize: number): number;