pds-dev-kit-web-test 0.2.29 → 0.2.30

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/Text/Text.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type TextPropTypes = {
+export type TextPropTypes = {
     text: string;
     fontFamilyName?: 'Pretendard' | 'sans-serif' | 'serif';
     fontWeight?: number;

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/Text/Text.js

@@ -34,7 +34,7 @@ var react_1 = require("react");
 var styled_components_1 = __importDefault(require("styled-components"));
 var Text = (0, react_1.forwardRef)(function (_a, ref) {
     var text = _a.text, _b = _a.letterSpacing, letterSpacing = _b === void 0 ? 0 : _b, _c = _a.lineHeight, lineHeight = _c === void 0 ? 1.3 : _c, _d = _a.textAlign, textAlign = _d === void 0 ? 'left' : _d, args = __rest(_a, ["text", "letterSpacing", "lineHeight", "textAlign"]);
-    return ((0, jsx_runtime_1.jsx)(S_Text, __assign({ ref: ref, letterSpacing: letterSpacing, lineHeight: lineHeight, textAlign: textAlign }, args, { children: text }), void 0));
+    return ((0, jsx_runtime_1.jsx)(S_Text, __assign({ ref: ref, letterSpacing: letterSpacing, lineHeight: lineHeight, textAlign: textAlign }, args, { children: text })));
 });
 var S_Text = styled_components_1.default.p(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: auto;\n  letter-spacing: ", "em;\n  line-height: ", ";\n  margin: 0;\n  text-align: ", ";\n  width: auto;\n\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n"], ["\n  height: auto;\n  letter-spacing: ", "em;\n  line-height: ", ";\n  margin: 0;\n  text-align: ", ";\n  width: auto;\n\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n"])), function (_a) {
     var letterSpacing = _a.letterSpacing;
@@ -47,16 +47,16 @@ var S_Text = styled_components_1.default.p(templateObject_1 || (templateObject_1
     return textAlign;
 }, function (_a) {
     var fontFamilyName = _a.fontFamilyName;
-    return fontFamilyName && "font-family: " + fontFamilyName;
+    return fontFamilyName && "font-family: ".concat(fontFamilyName);
 }, function (_a) {
     var fontWeight = _a.fontWeight;
-    return fontWeight && "font-weight: " + fontWeight;
+    return fontWeight && "font-weight: ".concat(fontWeight);
 }, function (_a) {
     var fontSize = _a.fontSize;
-    return fontSize && "font-size: " + fontSize + "px";
+    return fontSize && "font-size: ".concat(fontSize, "px");
 }, function (_a) {
     var textColor = _a.textColor;
-    return textColor && "color: " + textColor;
+    return textColor && "color: ".concat(textColor);
 });
 exports.default = Text;
 Text.displayName = 'Text';

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/TwitterTimeline/TwitterTimeline.d.ts

@@ -6,7 +6,7 @@ declare const customChrome: {
     readonly noscrollbar: "noscrollbar";
     readonly transparent: "transparent";
 };
-export declare type TwitterTimelinePropTypes = {
+export type TwitterTimelinePropTypes = {
     /**
      * 임베드할 트위터 유저의 id 값 입니다.
      */

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/TwitterTimeline/TwitterTimeline.js

@@ -46,7 +46,7 @@ var TwitterTimeline = (0, react_1.forwardRef)(function (_a, ref) {
         document.head.appendChild(script);
     }
     scriptLoader(TWITTER_EMBED_TIMELINE_SCRIPT_ID, TWITTER_EMBED_TIMELINE_SCRIPT_SRC);
-    return ((0, jsx_runtime_1.jsx)("section", __assign({ className: "twitter-embed-container", ref: ref }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "twitter-embed" }, { children: (0, jsx_runtime_1.jsx)("a", __assign({ target: "_blank", className: "twitter-timeline", "data-tweet-limit": tweetLimit, "data-show-replies": showReplies, "data-aria-polite": ariaPolite, "data-dnt": dnt, "data-theme": theme, "data-chrome": customChrome.join(' '), href: "https://twitter.com/" + userId, rel: "noreferrer" }, { children: fallback }), void 0) }), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)("section", __assign({ className: "twitter-embed-container", ref: ref }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "twitter-embed" }, { children: (0, jsx_runtime_1.jsx)("a", __assign({ target: "_blank", className: "twitter-timeline", "data-tweet-limit": tweetLimit, "data-show-replies": showReplies, "data-aria-polite": ariaPolite, "data-dnt": dnt, "data-theme": theme, "data-chrome": customChrome.join(' '), href: "https://twitter.com/".concat(userId), rel: "noreferrer" }, { children: fallback })) })) })));
 });
 exports.default = TwitterTimeline;
 TwitterTimeline.displayName = 'TwitterTimeline';

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/TwitterTimeline/TwitterTimelineRerender.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { TwitterTimelinePropTypes } from './TwitterTimeline';
-export declare type TwitterTimelineWrapperPropTypes = TwitterTimelinePropTypes & {
+export type TwitterTimelineWrapperPropTypes = TwitterTimelinePropTypes & {
     /**
      * 임베드할 트위터 타임라인 위젯의 너비를 결정합니다. 최소 너비 180픽셀, 최대 너비 520픽셀로 상위 요소의 너비에 맞게 자동으로 조정됩니다.
      */

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/TwitterTimeline/TwitterTimelineRerender.js

@@ -28,14 +28,14 @@ function TwitterTimelineRerender(args) {
         return String(userId + tweetLimit + showReplies + theme + ariaPolite + dnt + customChrome + fallback);
     }, [userId, tweetLimit, showReplies, theme, ariaPolite, dnt, customChrome, fallback]);
     var widthInRange = width && width > 180 && width < 520 ? width : undefined;
-    return ((0, jsx_runtime_1.jsx)(S_TwitterTimelineWrapper, __assign({ className: "twitter-timeline-wrapper", "$width": widthInRange, "$height": height }, { children: (0, jsx_runtime_1.jsx)(TwitterTimeline_1.default, __assign({}, args), forceRenderKey) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(S_TwitterTimelineWrapper, __assign({ className: "twitter-timeline-wrapper", "$width": widthInRange, "$height": height }, { children: (0, jsx_runtime_1.jsx)(TwitterTimeline_1.default, __assign({}, args), forceRenderKey) })));
 }
 var S_TwitterTimelineWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  box-sizing: content-box;\n  height: ", ";\n  max-width: 520px;\n  min-width: 180px;\n  overflow: auto;\n  width: ", ";\n"], ["\n  box-sizing: content-box;\n  height: ", ";\n  max-width: 520px;\n  min-width: 180px;\n  overflow: auto;\n  width: ", ";\n"])), function (_a) {
     var $height = _a.$height;
-    return ($height ? $height + "px" : '100%');
+    return ($height ? "".concat($height, "px") : '100%');
 }, function (_a) {
     var $width = _a.$width;
-    return ($width ? $width + "px" : '100%');
+    return ($width ? "".concat($width, "px") : '100%');
 });
 exports.default = TwitterTimelineRerender;
 var templateObject_1;

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/Wrapper/Wrapper.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type ComponentBlockWrapperPropTypes = {
+export type ComponentBlockWrapperPropTypes = {
     children?: React.ReactNode;
     boxSizing?: 'border-box' | 'content-box';
     width?: number;

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/Wrapper/Wrapper.js

@@ -16,7 +16,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -50,16 +54,16 @@ var react_1 = require("react");
 var styled_components_1 = __importStar(require("styled-components"));
 var Wrapper = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, args = __rest(_a, ["children"]);
-    return ((0, jsx_runtime_1.jsx)(S_Wrapper, __assign({ ref: ref }, args, { children: children }), void 0));
+    return ((0, jsx_runtime_1.jsx)(S_Wrapper, __assign({ ref: ref }, args, { children: children })));
 });
 var ShadowStyle = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  box-shadow: ", ";\n"], ["\n  box-shadow: ", ";\n"])), function (_a) {
     var shadowType = _a.shadowType, shadowColor = _a.shadowColor, shadowHorizontalDistance = _a.shadowHorizontalDistance, shadowVerticalDistance = _a.shadowVerticalDistance, shadowBlur = _a.shadowBlur, shadowSpread = _a.shadowSpread;
     var isInset = shadowType === 'inside';
-    return (isInset ? 'inset' : '') + " " + shadowHorizontalDistance + "px " + shadowVerticalDistance + "px " + shadowBlur + "px " + shadowSpread + "px " + shadowColor;
+    return "".concat(isInset ? 'inset' : '', " ").concat(shadowHorizontalDistance, "px ").concat(shadowVerticalDistance, "px ").concat(shadowBlur, "px ").concat(shadowSpread, "px ").concat(shadowColor);
 });
 var S_Wrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border: ", ";\n  border-radius: ", "px;\n  box-sizing: ", ";\n  display: flex;\n  height: ", "px;\n  opacity: ", ";\n  overflow: hidden;\n  padding-bottom: ", "px;\n  padding-left: ", "px;\n  padding-right: ", "px;\n  padding-top: ", "px;\n  width: ", "px;\n  z-index: ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", "\n"], ["\n  border: ", ";\n  border-radius: ", "px;\n  box-sizing: ", ";\n  display: flex;\n  height: ", "px;\n  opacity: ", ";\n  overflow: hidden;\n  padding-bottom: ", "px;\n  padding-left: ", "px;\n  padding-right: ", "px;\n  padding-top: ", "px;\n  width: ", "px;\n  z-index: ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", "\n"])), function (_a) {
     var _b = _a.borderSize, borderSize = _b === void 0 ? 0 : _b, _c = _a.borderType, borderType = _c === void 0 ? 'none' : _c, _d = _a.borderColor, borderColor = _d === void 0 ? '' : _d;
-    return borderSize + "px " + borderType + " " + borderColor;
+    return "".concat(borderSize, "px ").concat(borderType, " ").concat(borderColor);
 }, function (_a) {
     var _b = _a.borderRadius, borderRadius = _b === void 0 ? 0 : _b;
     return borderRadius;
@@ -133,8 +137,8 @@ var BackgroundGradientType = (0, styled_components_1.css)(templateObject_4 || (t
     var _b = _a.backgroundGradientType, backgroundGradientType = _b === void 0 ? 'linear' : _b, _c = _a.backgroundGradientStartColor, backgroundGradientStartColor = _c === void 0 ? 'white' : _c, _d = _a.backgroundGradientStartPosition, backgroundGradientStartPosition = _d === void 0 ? 0 : _d, _e = _a.backgroundGradientEndColor, backgroundGradientEndColor = _e === void 0 ? 'black' : _e, _f = _a.backgroundGradientEndPosition, backgroundGradientEndPosition = _f === void 0 ? 100 : _f, _g = _a.backgroundGradientDegree, backgroundGradientDegree = _g === void 0 ? 90 : _g;
     var isRadial = backgroundGradientType === 'circular';
     var gradientType = isRadial ? 'radial' : backgroundGradientType;
-    var degree = isRadial ? '' : backgroundGradientDegree + "deg,";
-    return gradientType + "-gradient(" + degree + " " + backgroundGradientStartColor + " " + backgroundGradientStartPosition + "%, " + backgroundGradientEndColor + " " + backgroundGradientEndPosition + "%)";
+    var degree = isRadial ? '' : "".concat(backgroundGradientDegree, "deg,");
+    return "".concat(gradientType, "-gradient(").concat(degree, " ").concat(backgroundGradientStartColor, " ").concat(backgroundGradientStartPosition, "%, ").concat(backgroundGradientEndColor, " ").concat(backgroundGradientEndPosition, "%)");
 });
 exports.default = Wrapper;
 Wrapper.displayName = 'Wrapper';

package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/EditModeSectionMatcher.js

@@ -31,31 +31,31 @@ var SectionBox_1 = __importDefault(require("./SectionBox"));
 function EditModeSectionMatcher(_a) {
     var filteredSortedSection = _a.filteredSortedSection, scrollDownTargetSectionId = _a.scrollDownTargetSectionId, editingSectionId = _a.editingSectionId, onClickEditSection = _a.onClickEditSection;
     var iframeSection = filteredSortedSection.find(function (section) { return section.manifest.schema === 'EXP_IFRAME' && section.display; });
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: iframeSection ? ((0, jsx_runtime_1.jsx)(SectionBox_1.default, __assign({ isIframeSection: true, isEditing: editingSectionId === iframeSection.id, scrollIntoThisSection: iframeSection.id === scrollDownTargetSectionId, onClick: function () { return onClickEditSection(iframeSection); } }, { children: (0, jsx_runtime_1.jsx)(Matcher, __assign({}, iframeSection), void 0) }), iframeSection.id)) : (filteredSortedSection.map(function (section) { return ((0, jsx_runtime_1.jsx)(SectionBox_1.default, __assign({ isEditing: editingSectionId === section.id, scrollIntoThisSection: section.id === scrollDownTargetSectionId, onClick: function () { return onClickEditSection(section); } }, { children: (0, jsx_runtime_1.jsx)(Matcher, __assign({}, section), void 0) }), section.id)); })) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: iframeSection ? ((0, jsx_runtime_1.jsx)(SectionBox_1.default, __assign({ isIframeSection: true, isEditing: editingSectionId === iframeSection.id, scrollIntoThisSection: iframeSection.id === scrollDownTargetSectionId, onClick: function () { return onClickEditSection(iframeSection); } }, { children: (0, jsx_runtime_1.jsx)(Matcher, __assign({}, iframeSection)) }), iframeSection.id)) : (filteredSortedSection.map(function (section) { return ((0, jsx_runtime_1.jsx)(SectionBox_1.default, __assign({ isEditing: editingSectionId === section.id, scrollIntoThisSection: section.id === scrollDownTargetSectionId, onClick: function () { return onClickEditSection(section); } }, { children: (0, jsx_runtime_1.jsx)(Matcher, __assign({}, section)) }), section.id)); })) }));
 }
 exports.default = EditModeSectionMatcher;
 function Matcher(_a) {
     var props = __rest(_a, []);
     if (props.type === 'CUSTOM') {
-        return (0, jsx_runtime_1.jsx)(sections_1.CustomSection, __assign({}, props), void 0);
+        return (0, jsx_runtime_1.jsx)(sections_1.CustomSection, __assign({}, props));
     }
     var schema = props.manifest.schema;
     switch (schema) {
         case 'BASE_INTRO':
-            return (0, jsx_runtime_1.jsx)(sections_1.IntroSection, __assign({}, props), void 0);
+            return (0, jsx_runtime_1.jsx)(sections_1.IntroSection, __assign({}, props));
         case 'BASE_CONTENTS':
-            return (0, jsx_runtime_1.jsx)(sections_1.ContentsSection, __assign({}, props), void 0);
+            return (0, jsx_runtime_1.jsx)(sections_1.ContentsSection, __assign({}, props));
         case 'BASE_CONTENTS_CAROUSEL':
-            return (0, jsx_runtime_1.jsx)(sections_1.ContentsCarouselSection, __assign({}, props), void 0);
+            return (0, jsx_runtime_1.jsx)(sections_1.ContentsCarouselSection, __assign({}, props));
         case 'BASE_FOOTER':
-            return (0, jsx_runtime_1.jsx)(sections_1.FooterSection, __assign({}, props), void 0);
+            return (0, jsx_runtime_1.jsx)(sections_1.FooterSection, __assign({}, props));
         case 'BASE_INFO_BOX':
-            return (0, jsx_runtime_1.jsx)(sections_1.InfoBoxSection, __assign({}, props), void 0);
+            return (0, jsx_runtime_1.jsx)(sections_1.InfoBoxSection, __assign({}, props));
         case 'EXP_IFRAME':
-            return (0, jsx_runtime_1.jsx)(sections_1.FullscreenIframeSection, __assign({}, props), void 0);
+            return (0, jsx_runtime_1.jsx)(sections_1.FullscreenIframeSection, __assign({}, props));
         case 'PRG_MEMBERSHIP_DISPLAY':
-            return (0, jsx_runtime_1.jsx)(sections_1.EditTypeMembershipSection, __assign({}, props), void 0);
+            return (0, jsx_runtime_1.jsx)(sections_1.EditTypeMembershipSection, __assign({}, props));
         default:
-            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
+            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
     }
 }

package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/OverlayBorders.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type Props = {
+type Props = {
     zIndex: number;
 };
 declare function OverlayBorders({ zIndex }: Props): JSX.Element;

package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/OverlayBorders.js

@@ -11,7 +11,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 function OverlayBorders(_a) {
     var zIndex = _a.zIndex;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Absolute_Border_Top, { zIndex: zIndex }, void 0), (0, jsx_runtime_1.jsx)(Absolute_Border_Left, { zIndex: zIndex }, void 0), (0, jsx_runtime_1.jsx)(Absolute_Border_Right, { zIndex: zIndex }, void 0), (0, jsx_runtime_1.jsx)(Absolute_Border_Bottom, { zIndex: zIndex }, void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Absolute_Border_Top, { zIndex: zIndex }), (0, jsx_runtime_1.jsx)(Absolute_Border_Left, { zIndex: zIndex }), (0, jsx_runtime_1.jsx)(Absolute_Border_Right, { zIndex: zIndex }), (0, jsx_runtime_1.jsx)(Absolute_Border_Bottom, { zIndex: zIndex })] }));
 }
 exports.default = OverlayBorders;
 var Absolute_Border_Top = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  height: 4px;\n  position: absolute;\n  top: 0;\n  transition: background-color 0.2s ease-out;\n  width: 100%;\n  z-index: ", ";\n"], ["\n  background-color: ", ";\n  height: 4px;\n  position: absolute;\n  top: 0;\n  transition: background-color 0.2s ease-out;\n  width: 100%;\n  z-index: ", ";\n"])), function (_a) {

package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/SectionBox.js

@@ -72,7 +72,7 @@ function SectionBox(_a) {
         setIsHover(false);
         onClickDelayedAsync();
     };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(S_SectionBox, __assign({ ref: sectionRef, onClick: onClickSectionBox, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeaveAsync, isEditing: isEditing, isIframeSection: isIframeSection }, { children: [isEditing && !hasNoChild && ((0, jsx_runtime_1.jsxs)(S_Editing, { children: [(0, jsx_runtime_1.jsx)(OverlayBorders_1.default, { zIndex: 1 }, void 0), (0, jsx_runtime_1.jsx)(TopRightAbsoluteBox, { children: (0, jsx_runtime_1.jsx)(desktop_1.D_TextLabel, { text: t('str_4657'), styleTheme: "caption1Bold", colorOverride: "ui_cpnt_textlabel_sys_black", singleLineMode: "use", customFontWeight: "bold", textAlign: "center" }, void 0) }, void 0)] }, void 0)), !isEditing && ((0, jsx_runtime_1.jsx)(DimmedEditOverlay, __assign({ isHover: isHover, fadeOut: fadeOut }, { children: (0, jsx_runtime_1.jsx)(S_EditButton, { children: (0, jsx_runtime_1.jsx)(desktop_1.D_TextLabel, { text: t('str_4653'), colorOverride: "ui_cpnt_textlabel_sys_black", singleLineMode: "use", customFontWeight: "bold", textAlign: "center" }, void 0) }, void 0) }), void 0)), children] }), void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(S_SectionBox, __assign({ ref: sectionRef, onClick: onClickSectionBox, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeaveAsync, isEditing: isEditing, isIframeSection: isIframeSection }, { children: [isEditing && !hasNoChild && ((0, jsx_runtime_1.jsxs)(S_Editing, { children: [(0, jsx_runtime_1.jsx)(OverlayBorders_1.default, { zIndex: 1 }), (0, jsx_runtime_1.jsx)(TopRightAbsoluteBox, { children: (0, jsx_runtime_1.jsx)(desktop_1.D_TextLabel, { text: t('str_4657'), styleTheme: "caption1Bold", colorOverride: "ui_cpnt_textlabel_sys_black", singleLineMode: "use", customFontWeight: "bold", textAlign: "center" }) })] })), !isEditing && ((0, jsx_runtime_1.jsx)(DimmedEditOverlay, __assign({ isHover: isHover, fadeOut: fadeOut }, { children: (0, jsx_runtime_1.jsx)(S_EditButton, { children: (0, jsx_runtime_1.jsx)(desktop_1.D_TextLabel, { text: t('str_4653'), colorOverride: "ui_cpnt_textlabel_sys_black", singleLineMode: "use", customFontWeight: "bold", textAlign: "center" }) }) }))), children] })) }));
 }
 exports.default = SectionBox;
 var TopRightAbsoluteBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  padding: 8px 10px;\n  position: absolute;\n  right: 0;\n  top: 0;\n  transition: background-color 0.2s ease-out;\n  z-index: 4;\n"], ["\n  background-color: ", ";\n  padding: 8px 10px;\n  position: absolute;\n  right: 0;\n  top: 0;\n  transition: background-color 0.2s ease-out;\n  z-index: 4;\n"])), function (_a) {

package/dist/src/sub/DynamicLayout/components/Section/CustomSection.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { CSSProperties } from 'styled-components';
 import type { ISection } from '../../types';
-declare type SectionPropTypes = ISection & {
+type SectionPropTypes = ISection & {
     children?: React.ReactNode;
 } & {
     overrideStyles?: CSSProperties;

package/dist/src/sub/DynamicLayout/components/Section/CustomSection.js

@@ -36,7 +36,7 @@ var sectionContext_1 = require("./sectionContext");
 function CustomSection(_a) {
     var _b;
     var children = _a.children, overrideStyles = _a.overrideStyles, _c = _a.isMobile, isMobile = _c === void 0 ? false : _c, props = __rest(_a, ["children", "overrideStyles", "isMobile"]);
-    return ((0, jsx_runtime_1.jsx)(sectionContext_1.sectionContext.Provider, __assign({ value: __assign({}, props) }, { children: (0, jsx_runtime_1.jsxs)(S_Section, __assign({ style: overrideStyles, isIframeSection: ((_b = props.manifest) === null || _b === void 0 ? void 0 : _b.schema) === 'EXP_IFRAME' }, { children: [(0, jsx_runtime_1.jsx)(CustomSectionBackground_1.default, { isMobile: isMobile }, void 0), children] }), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(sectionContext_1.sectionContext.Provider, __assign({ value: __assign({}, props) }, { children: (0, jsx_runtime_1.jsxs)(S_Section, __assign({ style: overrideStyles, isIframeSection: ((_b = props.manifest) === null || _b === void 0 ? void 0 : _b.schema) === 'EXP_IFRAME' }, { children: [(0, jsx_runtime_1.jsx)(CustomSectionBackground_1.default, { isMobile: isMobile }), children] })) })));
 }
 var S_Section = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  box-sizing: border-box;\n  display: flex;\n  height: ", ";\n  justify-content: center;\n  position: relative;\n  width: 100%;\n  z-index: 0;\n"], ["\n  align-items: center;\n  box-sizing: border-box;\n  display: flex;\n  height: ", ";\n  justify-content: center;\n  position: relative;\n  width: 100%;\n  z-index: 0;\n"])), function (_a) {
     var isIframeSection = _a.isIframeSection;

package/dist/src/sub/DynamicLayout/components/Section/ErrorBoundary/ErrorBoundary.d.ts

@@ -1,8 +1,8 @@
 import React, { Component, ErrorInfo, ReactNode } from 'react';
-declare type Props = {
+type Props = {
     children: ReactNode;
 };
-declare type State = {
+type State = {
     hasError: boolean;
 };
 declare class ErrorBoundary extends Component<Props, State> {

package/dist/src/sub/DynamicLayout/components/Section/ErrorBoundary/ErrorBoundary.js

@@ -50,7 +50,7 @@ var ErrorBoundary = /** @class */ (function (_super) {
     ErrorBoundary.prototype.render = function () {
         var hasError = this.state.hasError;
         if (hasError) {
-            return (0, jsx_runtime_1.jsx)(ErrorWrapper, { children: "Error" }, void 0);
+            return (0, jsx_runtime_1.jsx)(ErrorWrapper, { children: "Error" });
         }
         var children = this.props.children;
         return children;

package/dist/src/sub/DynamicLayout/components/Section/Section.d.ts

@@ -1,9 +1,7 @@
-import { CSSProperties } from 'react';
+/// <reference types="react" />
 import type { ISection } from '../../types';
-declare type SectionPropTypes = ISection & {
+type SectionPropTypes = ISection & {
     children?: React.ReactNode;
-} & {
-    overrideStyles?: CSSProperties;
 };
-declare function Section({ children, overrideStyles, ...props }: SectionPropTypes): JSX.Element;
+declare function Section({ children, ...props }: SectionPropTypes): JSX.Element;
 export default Section;

package/dist/src/sub/DynamicLayout/components/Section/Section.js

@@ -37,9 +37,8 @@ var YouTubeIframe_1 = require("../YouTubeIframe");
 var sectionContext_1 = require("./sectionContext");
 function Section(_a) {
     var _b;
-    var children = _a.children, overrideStyles = _a.overrideStyles, props = __rest(_a, ["children", "overrideStyles"]);
-    var _c = (0, react_1.useState)(false), isHover = _c[0], setIsHover = _c[1];
-    return ((0, jsx_runtime_1.jsx)(sectionContext_1.sectionContext.Provider, __assign({ value: __assign({}, props) }, { children: (0, jsx_runtime_1.jsxs)(S_Section, __assign({ style: overrideStyles, isIframeSection: ((_b = props.manifest) === null || _b === void 0 ? void 0 : _b.schema) === 'EXP_IFRAME', onMouseEnter: function () { return setIsHover(true); }, onMouseMove: function () { return !isHover && setIsHover(true); }, onMouseLeave: function () { return setIsHover(false); } }, { children: [(0, jsx_runtime_1.jsx)(Background, {}, void 0), children] }), void 0) }), void 0));
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return ((0, jsx_runtime_1.jsx)(sectionContext_1.sectionContext.Provider, __assign({ value: __assign({}, props) }, { children: (0, jsx_runtime_1.jsxs)(S_Section, __assign({ isIframeSection: ((_b = props.manifest) === null || _b === void 0 ? void 0 : _b.schema) === 'EXP_IFRAME' }, { children: [(0, jsx_runtime_1.jsx)(Background, {}), children] })) })));
 }
 var S_Section = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  box-sizing: border-box;\n  height: ", ";\n  position: relative;\n  width: 100%;\n  z-index: 0;\n"], ["\n  box-sizing: border-box;\n  height: ", ";\n  position: relative;\n  width: 100%;\n  z-index: 0;\n"])), function (_a) {
     var isIframeSection = _a.isIframeSection;
@@ -93,17 +92,17 @@ function Background() {
     var backgroundMedia = (0, react_1.useMemo)(function () {
         switch (backgroundMediaType) {
             case 'IMAGE':
-                return ((0, jsx_runtime_1.jsx)(pdsOriginal_1.ImageView, { src: backgroundMediaSrc, width: "responsive", height: "responsive", scaleType: "cover", shapeType: "rectangle" }, void 0));
+                return ((0, jsx_runtime_1.jsx)(pdsOriginal_1.ImageView, { src: backgroundMediaSrc, width: "responsive", height: "responsive", scaleType: "cover", shapeType: "rectangle" }));
             // case 'VIDEO':
             //   // NOTE VIDEO타입 배경은 최초 scope에서 제외
             //   return <></>;
             case 'YOUTUBE':
-                return ((0, jsx_runtime_1.jsx)(S_YoutubeContainer, __assign({}, youtubeSize, { children: (0, jsx_runtime_1.jsx)(YouTubeIframe_1.YouTubeIframe, { id: id, src: backgroundMediaSrc }, void 0) }), void 0));
+                return ((0, jsx_runtime_1.jsx)(S_YoutubeContainer, __assign({}, youtubeSize, { children: (0, jsx_runtime_1.jsx)(YouTubeIframe_1.YouTubeIframe, { id: id, src: backgroundMediaSrc }) })));
             default:
-                return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
+                return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
         }
     }, [youtubeSize, id, backgroundMediaType, backgroundMediaSrc]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_BackgroundWrapper, __assign({ ref: backgroundRef, color: backgroundColorInHex }, { children: backgroundMediaSrc && backgroundMedia }), void 0), (0, jsx_runtime_1.jsx)(S_BackgroundOverlay, { color: backgroundOverlayColorInHex }, void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_BackgroundWrapper, __assign({ ref: backgroundRef, color: backgroundColorInHex }, { children: backgroundMediaSrc && backgroundMedia })), (0, jsx_runtime_1.jsx)(S_BackgroundOverlay, { color: backgroundOverlayColorInHex })] }));
 }
 var S_BackgroundWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  bottom: 0;\n  display: flex;\n  justify-content: center;\n  left: 0;\n  overflow: hidden;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: -2;\n"], ["\n  align-items: center;\n  background-color: ", ";\n  bottom: 0;\n  display: flex;\n  justify-content: center;\n  left: 0;\n  overflow: hidden;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: -2;\n"])), function (_a) {
     var color = _a.color;
@@ -115,10 +114,10 @@ var S_BackgroundOverlay = styled_components_1.default.div(templateObject_3 || (t
 });
 var S_YoutubeContainer = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: ", ";\n  width: ", ";\n"], ["\n  height: ", ";\n  width: ", ";\n"])), function (_a) {
     var height = _a.height;
-    return height + "px";
+    return "".concat(height, "px");
 }, function (_a) {
     var width = _a.width;
-    return width + "px";
+    return "".concat(width, "px");
 });
 exports.default = Section;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackground.js

@@ -35,7 +35,7 @@ function CustomSectionBackground(_a) {
     var isOverlay = getIsOverlay(isMobile, CB_STYLE_PROP_BGOVERLAY);
     var isBgMedia = getIsBgMedia(isMobile, CB_STYLE_PROP_BGMEDIA);
     var mediaType = getMediaType(isMobile, CB_STYLE_PROP_BGMEDIA);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isOverlay && CB_STYLE_PROP_BGOVERLAY && ((0, jsx_runtime_1.jsx)(S_CustomBackgroundOverlay, { className: "Overlay", style: __assign({}, overlayStyle) }, void 0)), (0, jsx_runtime_1.jsx)(S_CustomBackgroundWrapper, __assign({ className: "CustomSection", ref: backgroundRef, style: __assign(__assign({}, effect), { background: style.background }) }, { children: isBgMedia && CB_STYLE_PROP_BGMEDIA && ((0, jsx_runtime_1.jsx)(CustomSectionBackgroundMedia_1.CustomSectionBackgroundMedia, { specs: CB_STYLE_PROP_BGMEDIA, componentStyle: style, playerId: id, mediaType: mediaType || 'NONE', device: isMobile ? 'MOBILE' : 'DESKTOP', backgroundRef: backgroundRef }, void 0)) }), void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isOverlay && CB_STYLE_PROP_BGOVERLAY && ((0, jsx_runtime_1.jsx)(S_CustomBackgroundOverlay, { className: "Overlay", style: __assign({}, overlayStyle) })), (0, jsx_runtime_1.jsx)(S_CustomBackgroundWrapper, __assign({ className: "CustomSection", ref: backgroundRef, style: __assign(__assign({}, effect), { background: style.background }) }, { children: isBgMedia && CB_STYLE_PROP_BGMEDIA && ((0, jsx_runtime_1.jsx)(CustomSectionBackgroundMedia_1.CustomSectionBackgroundMedia, { specs: CB_STYLE_PROP_BGMEDIA, componentStyle: style, playerId: id, mediaType: mediaType || 'NONE', device: isMobile ? 'MOBILE' : 'DESKTOP', backgroundRef: backgroundRef })) }))] }));
 }
 function getIsOverlay(isMobile, specs) {
     if (!specs) {

package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.d.ts

@@ -2,7 +2,7 @@ import { MutableRefObject } from 'react';
 import { CSSProperties } from 'styled-components';
 import type { Device } from '../../../../DynamicLayout/sections/CustomSection/util/types';
 import type { CB_STYLE_PROP_BGMEDIA_SPECS } from '../../../../DynamicLayout/types';
-declare type Props = {
+type Props = {
     specs: CB_STYLE_PROP_BGMEDIA_SPECS;
     playerId: number;
     mediaType: string;

package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js

@@ -16,7 +16,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -46,7 +50,7 @@ function CustomSectionBackgroundMedia(_a) {
     var _b = (0, util_1.parseSectionBackgroundMediaData)(specs, device), CB_STYLE_PROP_BGMEDIA_SPEC_YSRC = _b.CB_STYLE_PROP_BGMEDIA_SPEC_YSRC, CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY = _b.CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY, CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME = _b.CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME, CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME = _b.CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME, CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR = _b.CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR;
     var _c = (0, react_1.useState)({ width: 0, height: 0 }), youtubeSize = _c[0], setYoutubeSize = _c[1];
     var youTubeIframeKey = (0, react_1.useMemo)(function () {
-        return utils_1.YouTubeLinkParser.getId(String(CB_STYLE_PROP_BGMEDIA_SPEC_YSRC)) + "-" + CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY + "-" + CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME + "-" + CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME;
+        return "".concat(utils_1.YouTubeLinkParser.getId(String(CB_STYLE_PROP_BGMEDIA_SPEC_YSRC)), "-").concat(CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY, "-").concat(CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME, "-").concat(CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME);
     }, [
         CB_STYLE_PROP_BGMEDIA_SPEC_YSRC,
         CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY,
@@ -97,18 +101,18 @@ function CustomSectionBackgroundMedia(_a) {
     }
     switch (mediaType) {
         case 'IMAGE':
-            return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR && ((0, jsx_runtime_1.jsx)(S_Image, __assign({ src: String(CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR), normalStyle: componentStyle }, { children: (0, jsx_runtime_1.jsx)("img", { src: String(CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR), style: { visibility: 'hidden', width: '100%', height: '100%' } }, void 0) }), void 0)) }, void 0));
+            return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR && ((0, jsx_runtime_1.jsx)(S_Image, __assign({ src: String(CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR), normalStyle: componentStyle }, { children: (0, jsx_runtime_1.jsx)("img", { src: String(CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR), style: { visibility: 'hidden', width: '100%', height: '100%' } }) }))) }));
         case 'YOUTUBE':
-            return ((0, jsx_runtime_1.jsx)(S_YoutubeContainer, __assign({}, youtubeSize, { children: youtubeSize.height > 0 && youtubeSize.width > 0 && ((0, jsx_runtime_1.jsx)(YouTubeIframe_1.YouTubeIframe, { src: String(CB_STYLE_PROP_BGMEDIA_SPEC_YSRC), id: playerId, loopMode: CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY ? 'use' : 'none', startSeconds: Number(CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME), endSeconds: Number(CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME), customHeight: youtubeSize.height, customWidth: youtubeSize.width }, youTubeIframeKey)) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_YoutubeContainer, __assign({}, youtubeSize, { children: youtubeSize.height > 0 && youtubeSize.width > 0 && ((0, jsx_runtime_1.jsx)(YouTubeIframe_1.YouTubeIframe, { src: String(CB_STYLE_PROP_BGMEDIA_SPEC_YSRC), id: playerId, loopMode: CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY ? 'use' : 'none', startSeconds: Number(CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME), endSeconds: Number(CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME), customHeight: youtubeSize.height, customWidth: youtubeSize.width }, youTubeIframeKey)) })));
         case 'NONE':
         default:
-            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
+            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
     }
 }
 exports.CustomSectionBackgroundMedia = CustomSectionBackgroundMedia;
 var S_Image = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-image: ", ";\n  background-repeat: no-repeat;\n  height: 100%;\n  width: 100%;\n\n  ", ";\n\n  & img {\n    ", ";\n  }\n"], ["\n  background-image: ", ";\n  background-repeat: no-repeat;\n  height: 100%;\n  width: 100%;\n\n  ", ";\n\n  & img {\n    ", ";\n  }\n"])), function (_a) {
     var src = _a.src;
-    return "url(" + src + ")";
+    return "url(".concat(src, ")");
 }, function (_a) {
     var normalStyle = _a.normalStyle;
     var isContain = normalStyle.backgroundSize === 'contain';
@@ -120,9 +124,9 @@ var S_Image = styled_components_1.default.div(templateObject_3 || (templateObjec
 });
 var S_YoutubeContainer = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: ", ";\n  width: ", ";\n"], ["\n  height: ", ";\n  width: ", ";\n"])), function (_a) {
     var height = _a.height;
-    return height + "px";
+    return "".concat(height, "px");
 }, function (_a) {
     var width = _a.width;
-    return width + "px";
+    return "".concat(width, "px");
 });
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.d.ts

@@ -1,6 +1,6 @@
 import type { Device } from '../../../../DynamicLayout/sections/CustomSection/util/types';
 import type { CB_STYLE_PROP_BGMEDIA_SPECS } from '../../../../DynamicLayout/types';
-declare type SpecKeys = keyof Omit<CB_STYLE_PROP_BGMEDIA_SPECS, 'CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY'>;
-declare type ValueSetType = Partial<Record<SpecKeys, string | number | boolean | undefined>>;
+type SpecKeys = keyof Omit<CB_STYLE_PROP_BGMEDIA_SPECS, 'CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY'>;
+type ValueSetType = Partial<Record<SpecKeys, string | number | boolean | undefined>>;
 export default function UseCustomSectionBackgroundMediaData(specs: CB_STYLE_PROP_BGMEDIA_SPECS, device: Device): ValueSetType;
 export {};

package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.js

@@ -30,7 +30,7 @@ var AVAILABLE_SPECS = [
 function UseCustomSectionBackgroundMediaData(specs, device) {
     return AVAILABLE_SPECS.reduce(function (acc, cur) {
         var _a;
-        var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
+        var baseKey = device === 'DESKTOP' ? cur : "".concat(cur, ":MOBILE");
         var value = (0, isNullOrUndefined_1.default)(specs[baseKey]) ? specs[cur] : specs[baseKey];
         return __assign(__assign({}, acc), (_a = {}, _a[cur] = value, _a));
     }, {});

package/dist/src/sub/DynamicLayout/components/SectionMatcher/SectionMatcher.js

@@ -27,26 +27,26 @@ var sections_1 = require("../../sections");
 function SectionMatcher(_a) {
     var props = __rest(_a, []);
     if (props.type === 'CUSTOM') {
-        return (0, jsx_runtime_1.jsx)(sections_1.CustomSection, __assign({}, props), void 0);
+        return (0, jsx_runtime_1.jsx)(sections_1.CustomSection, __assign({}, props));
     }
     var schema = props.manifest.schema;
     switch (schema) {
         case 'BASE_INTRO':
-            return (0, jsx_runtime_1.jsx)(sections_1.IntroSection, __assign({}, props), void 0);
+            return (0, jsx_runtime_1.jsx)(sections_1.IntroSection, __assign({}, props));
         case 'BASE_CONTENTS':
-            return (0, jsx_runtime_1.jsx)(sections_1.ContentsSection, __assign({}, props), void 0);
+            return (0, jsx_runtime_1.jsx)(sections_1.ContentsSection, __assign({}, props));
         case 'BASE_CONTENTS_CAROUSEL':
-            return (0, jsx_runtime_1.jsx)(sections_1.ContentsCarouselSection, __assign({}, props), void 0);
+            return (0, jsx_runtime_1.jsx)(sections_1.ContentsCarouselSection, __assign({}, props));
         case 'BASE_FOOTER':
-            return (0, jsx_runtime_1.jsx)(sections_1.FooterSection, __assign({}, props), void 0);
+            return (0, jsx_runtime_1.jsx)(sections_1.FooterSection, __assign({}, props));
         case 'BASE_INFO_BOX':
-            return (0, jsx_runtime_1.jsx)(sections_1.InfoBoxSection, __assign({}, props), void 0);
+            return (0, jsx_runtime_1.jsx)(sections_1.InfoBoxSection, __assign({}, props));
         case 'EXP_IFRAME':
-            return (0, jsx_runtime_1.jsx)(sections_1.FullscreenIframeSection, __assign({}, props), void 0);
+            return (0, jsx_runtime_1.jsx)(sections_1.FullscreenIframeSection, __assign({}, props));
         case 'PRG_MEMBERSHIP_DISPLAY':
-            return (0, jsx_runtime_1.jsx)(sections_1.NormalTypeMembershipSection, __assign({}, props), void 0);
+            return (0, jsx_runtime_1.jsx)(sections_1.NormalTypeMembershipSection, __assign({}, props));
         default:
-            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "ERROR: Schema NOT FOUND" }, void 0);
+            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "ERROR: Schema NOT FOUND" });
     }
 }
 exports.default = SectionMatcher;

package/dist/src/sub/DynamicLayout/components/YouTubeIframe/YouTubeIframe.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type Props = {
+type Props = {
     id: number;
     src: string;
     loopMode?: 'use' | 'none';

package/dist/src/sub/DynamicLayout/components/YouTubeIframe/YouTubeIframe.js

@@ -31,8 +31,8 @@ function YouTubeIframe(_a) {
     var playerRef = (0, react_1.useRef)();
     var videoId = TouTubeLinkParser_1.default.getId(src);
     var prevVideoId = (0, hooks_1.usePrevious)(videoId);
-    var PLAYER_ID = "PLAYER_" + id;
-    var YOUTUBE_SCRIPT_ID = "YOUTUBE_SCRIPT_" + id;
+    var PLAYER_ID = "PLAYER_".concat(id);
+    var YOUTUBE_SCRIPT_ID = "YOUTUBE_SCRIPT_".concat(id);
     var YOUTUBE_SCRIPT_SRC = 'https://www.youtube.com/iframe_api';
     var section = {
         start: startSeconds,
@@ -227,7 +227,7 @@ function YouTubeIframe(_a) {
             youtubeScript === null || youtubeScript === void 0 ? void 0 : youtubeScript.remove();
         };
     }, []);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isYoutubeLoading && (0, jsx_runtime_1.jsx)(BlackScreen, {}, void 0), (0, jsx_runtime_1.jsx)(S_IframeWrapper, { children: (0, jsx_runtime_1.jsx)("div", { id: PLAYER_ID }, void 0) }, void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isYoutubeLoading && (0, jsx_runtime_1.jsx)(BlackScreen, {}), (0, jsx_runtime_1.jsx)(S_IframeWrapper, { children: (0, jsx_runtime_1.jsx)("div", { id: PLAYER_ID }) })] }));
 }
 var BlackScreen = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n"], ["\n  background-color: ", ";\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n"])), function (_a) {
     var theme = _a.theme;

package/dist/src/sub/DynamicLayout/components/desktop/Item/Item.d.ts

@@ -16,7 +16,7 @@ declare namespace Item {
         data?: string | undefined;
         styleTheme?: "displayBold" | "headingBold" | "leadParaBold" | "leadParaRegular" | "subTitleBold" | "subTitleRegular" | "body1Bold" | "body1Regular" | "body2Bold" | "body2Regular" | "caption1Bold" | "caption1Regular" | "caption2Bold" | "caption2Regular" | "form1Regular" | "form2Regular" | "blog1Regular" | undefined;
         color?: string | undefined;
-        textAlign?: "center" | "left" | "right" | undefined;
+        textAlign?: "left" | "center" | "right" | undefined;
         colorTheme?: "sysTextPrimary" | "sysTextSecondary" | "sysTextTertiary" | "sysTextWhite" | "sysTextError" | "sysTextWarning" | "sysTextBrandPrimary" | "sysTextBrandSeconVariant" | "usrTextBrandPrimary" | "usrTextBrandSeconVariant" | "usrTextBrandOnPrimary" | undefined;
     }) => JSX.Element;
 }