pds-dev-kit-web-test 2.5.317 → 2.5.319

package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.d.ts

@@ -5,5 +5,7 @@ export type LayoutsType = {
     sm: Layout;
     lg: Layout;
 };
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ISection & React.RefAttributes<unknown>>>;
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ISection & {
+    device?: "DESKTOP" | "MOBILE" | undefined;
+} & React.RefAttributes<unknown>>>;
 export default _default;

package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js

@@ -44,8 +44,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable @typescript-eslint/no-unused-vars */
 var react_1 = __importStar(require("react"));
-var ErrorBoundary_1 = require("@sub/DynamicLayout/components/Section/ErrorBoundary");
-var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
+var ErrorBoundary_1 = require("../../DynamicLayout/components/Section/ErrorBoundary");
+var dynamicLayoutContext_1 = require("../../DynamicLayout/dynamicLayoutContext");
 var styled_components_1 = __importDefault(require("styled-components"));
 var components_1 = require("../components");
 var gleStyles_1 = require("../gleStyles");
@@ -59,24 +59,26 @@ var MOBILE_GRID_COLS = 8;
 var GLE_MIN_WIDTH_DESKTOP_PX = "".concat(GRID_CELL_MIN * DESKTOP_GRID_COLS, "px");
 var GLE_MIN_WIDTH_MOBILE_PX = "".concat(GRID_CELL_MIN * MOBILE_GRID_COLS, "px");
 var Composition = (0, react_1.forwardRef)(function CustomSection(props, ref) {
-    var _a;
-    var _b = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _b.device, editingSectionId = _b.editingSectionId, mode = _b.mode, shortcutKeyMode = _b.shortcutKeyMode, sectionActionHandler = _b.sectionActionHandler;
+    var _a, _b, _c, _d, _e, _f, _g;
+    var _h = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), 
+    // NOTE: 이것을 사용해야함
+    contextDevice = _h.device, editingSectionId = _h.editingSectionId, mode = _h.mode, shortcutKeyMode = _h.shortcutKeyMode, sectionActionHandler = _h.sectionActionHandler;
     var componentBlocks = props.componentBlocks, jsonProperties = props.jsonProperties;
-    var _c = jsonProperties, _d = _c.data, CB_PLACEMENT_PROP_SECTION = _d.CB_PLACEMENT_PROP_SECTION, CB_LAYOUT_PROP_PADDING = _d.CB_LAYOUT_PROP_PADDING, zOrders = _c.zOrders;
+    // NOTE: 임시. 테스트용.
+    var device = (_b = (_a = props.device) !== null && _a !== void 0 ? _a : contextDevice) !== null && _b !== void 0 ? _b : 'DESKTOP';
+    var isMobile = device === 'MOBILE';
+    var isEditMode = mode === 'EDIT';
+    var _j = jsonProperties, _k = _j.data, CB_PLACEMENT_PROP_SECTION = _k.CB_PLACEMENT_PROP_SECTION, CB_LAYOUT_PROP_PADDING = _k.CB_LAYOUT_PROP_PADDING, zOrders = _j.zOrders;
+    var colsDesktop = (_c = CB_PLACEMENT_PROP_SECTION.CB_PLACEMENT_PROP_SECTION_SPEC_COLS) !== null && _c !== void 0 ? _c : 24;
+    var colsMobile = (_d = CB_PLACEMENT_PROP_SECTION['CB_PLACEMENT_PROP_SECTION_SPEC_COLS:MOBILE']) !== null && _d !== void 0 ? _d : 8;
+    var rowsDesktop = (_e = CB_PLACEMENT_PROP_SECTION.CB_PLACEMENT_PROP_SECTION_SPEC_ROWS) !== null && _e !== void 0 ? _e : 26;
+    var rowsMobile = (_f = CB_PLACEMENT_PROP_SECTION['CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE']) !== null && _f !== void 0 ? _f : 26;
+    var rows = isMobile ? rowsMobile : rowsDesktop;
+    var cols = isMobile ? colsMobile : colsDesktop;
     var containerRef = (0, react_1.useRef)(null);
     var size = (0, useResizableObserver_1.useResizeObserver)({ ref: containerRef, box: 'border-box' });
-    var _e = (0, react_1.useState)(null), selectedCB = _e[0], setSelectedCB = _e[1];
+    var _l = (0, react_1.useState)(null), selectedCB = _l[0], setSelectedCB = _l[1];
     var gleRef = (0, react_1.useRef)(null);
-    var isMobile = device === 'MOBILE';
-    var isEditMode = mode === 'EDIT';
-    // const layoutByDevice = device === 'DESKTOP' ? 'lg' : 'sm';
-    // const [layouts] = useState<LayoutsType>(() => {
-    //   const { lg, sm } = parsePlacement(componentBlocks ?? []);
-    //   return {
-    //     lg,
-    //     sm
-    //   };
-    // });
     (0, react_1.useEffect)(function () {
         if (editingSectionId !== props.id) {
             setSelectedCB(null);
@@ -124,14 +126,15 @@ var Composition = (0, react_1.forwardRef)(function CustomSection(props, ref) {
             setSelectedCB('BULK');
         }
     }, [selectedCB, shortcutKeyMode, sectionActionHandler, setSelectedCB]);
-    var _f = (0, util_1.parseCustomSectionPlacement)({
+    var _m = (0, util_1.parseCustomSectionPlacement)({
         isMobile: isMobile,
         customSectionProps: CB_PLACEMENT_PROP_SECTION
-    }), width = _f.width, minHeight = _f.minHeight, isFullWidth = _f.isFullWidth;
+    }), minHeight = _m.minHeight, isFullWidth = _m.isFullWidth;
+    var canvasWidth = 50 * cols;
     var customSectionStyles = {
         minHeight: "".concat(minHeight, "vh"),
-        width: '100%',
-        maxWidth: isFullWidth ? '' : "".concat(width, "px")
+        width: "".concat(canvasWidth, "px"),
+        maxWidth: isFullWidth ? '' : "".concat(canvasWidth, "px")
     };
     var onClickSection = function () {
         if (!isEditMode) {
@@ -200,7 +203,7 @@ var Composition = (0, react_1.forwardRef)(function CustomSection(props, ref) {
                             maxWidth: customSectionStyles.maxWidth,
                             minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX,
                             fontSize: "".concat(baseFontSize, "px")
-                        } }, { children: (_a = props.componentBlocks) === null || _a === void 0 ? void 0 : _a.map(function (cb, index) {
+                        } }, { children: (_g = props.componentBlocks) === null || _g === void 0 ? void 0 : _g.map(function (cb, index) {
                             var _a;
                             return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(FlexGridItem_1.default, { cb: cb, index: index, device: device, rowHeight: rowHeight, zIndex: (_a = zOrders === null || zOrders === void 0 ? void 0 : zOrders[device === 'DESKTOP' ? 'desktop' : 'mobile'][cb.id]) !== null && _a !== void 0 ? _a : 0 }) }, cb.id));
                         }) })) })) })) })) }));

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { IComposition } from '@sub/DynamicLayout/types';
+import type { IComposition } from '../../DynamicLayout/types';
 declare function CompositionRenderer({ compositions }: {
     compositions: IComposition[];
 }): JSX.Element;

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

@@ -27,7 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var sections_1 = require("@sub/DynamicLayout/sections");
+var sections_1 = require("../../../DynamicLayout/sections");
 var SectionBox_1 = __importDefault(require("./SectionBox"));
 function EditModeSectionMatcher(_a) {
     var filteredSortedSection = _a.filteredSortedSection, scrollDownTargetSectionId = _a.scrollDownTargetSectionId, editingSectionId = _a.editingSectionId, dynamicLayoutRef = _a.dynamicLayoutRef, onClickEditSection = _a.onClickEditSection;

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

@@ -20,8 +20,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var util_1 = require("@sub/DynamicLayout/sections/CustomSection/util");
-var isNullOrUndefined_1 = __importDefault(require("@sub/DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
+var util_1 = require("../../../../DynamicLayout/sections/CustomSection/util");
+var isNullOrUndefined_1 = __importDefault(require("../../../../DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var sectionContext_1 = require("../sectionContext");
 var CustomSectionBackgroundMedia_1 = require("./CustomSectionBackgroundMedia");

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

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

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

@@ -41,7 +41,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomSectionBackgroundMedia = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var utils_1 = require("@sub/DynamicLayout/utils");
+var utils_1 = require("../../../../DynamicLayout/utils");
 var styled_components_1 = __importStar(require("styled-components"));
 var YouTubeIframe_1 = require("../../YouTubeIframe");
 var util_1 = require("../util");

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

@@ -1,5 +1,5 @@
-import type { Device } from '@sub/DynamicLayout/sections/CustomSection/util/types';
-import type { CB_STYLE_PROP_BGMEDIA_SPECS } from '@sub/DynamicLayout/types';
+import type { Device } from '../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { CB_STYLE_PROP_BGMEDIA_SPECS } from '../../../../DynamicLayout/types';
 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;

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

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var isNullOrUndefined_1 = __importDefault(require("@sub/DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
+var isNullOrUndefined_1 = __importDefault(require("../../../../DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
 var AVAILABLE_SPECS = [
     'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC',
     'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE',

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

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var FlexGridCustomSection_1 = __importDefault(require("@sub/DynamicLayout/sections/FlexGridCustomSection"));
+var FlexGridCustomSection_1 = __importDefault(require("../../../DynamicLayout/sections/FlexGridCustomSection"));
 var sections_1 = require("../../sections");
 function SectionMatcher(_a) {
     var props = __rest(_a, []);

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

@@ -0,0 +1,139 @@
+/// <reference types="react" />
+import type { Layout } from 'publ-echo/dist/lib';
+import type { ResizeEventType } from 'publ-echo/dist/lib/GridItem/types';
+import type { ComponentBlock, GroupBlock } from 'publ-echo/dist/lib/GridLayoutEditor/group';
+import type { LayoutItem, Layouts } from 'publ-echo/dist/lib/GridLayoutEditor/types';
+export type TypeOfCompositionAction = ActionMap<ActionHandlerPayload>[keyof ActionMap<ActionHandlerPayload>];
+export type PayloadCBType = {
+    type: ComponentBlock['type'];
+    blockId: string;
+    cbId: number;
+    workDir: string;
+};
+export type PayloadGBType = {
+    type: GroupBlock['type'];
+    blockId: string;
+    childrenBlockIds: string[];
+    childrenCBIds: number[];
+    workDir: string;
+};
+export type PayloadBulkType = {
+    type: 'BULK';
+    blockId: 'BULK';
+    childrenBlockIds: string[];
+    childrenCBIds: number[];
+    workDir: string;
+    groupDisabled: boolean;
+};
+export type BlockPayloadType = PayloadCBType | PayloadGBType | PayloadBulkType;
+type ActionHandlerPayload = {
+    '@COMPOSITION/CB_DRAG_START': {
+        layout: Layout;
+        prev?: LayoutItem;
+        item?: LayoutItem;
+        placeholder?: LayoutItem;
+        e?: ResizeEventType;
+        node?: HTMLElement;
+    };
+    '@COMPOSITION/CB_DRAG_STOP': {
+        layout: Layout;
+        prev?: LayoutItem;
+        item?: LayoutItem;
+        placeholder?: LayoutItem;
+        e?: ResizeEventType;
+        node?: HTMLElement;
+        blockId: string;
+        workDir: string;
+    };
+    '@COMPOSITION/CB_RESIZE_STOP': {
+        layout: Layout;
+        prev?: LayoutItem;
+        item?: LayoutItem;
+        placeholder?: LayoutItem;
+        e?: ResizeEventType;
+        node?: HTMLElement;
+        blockId: string;
+        workDir: string;
+    };
+    '@COMPOSITION/CB_AUTO_FIT_CONTENT': {
+        layout: Layout;
+        prev?: LayoutItem;
+        item?: LayoutItem;
+        placeholder?: LayoutItem;
+        e?: ResizeEventType;
+        node?: HTMLElement;
+        details: {
+            hadPaddingChanged: boolean;
+        };
+        blockId: string;
+        workDir: string;
+    };
+    '@COMPOSITION/PLACEMENT_CHANGED': {
+        layout: Layout;
+        layouts: Layouts;
+    };
+    '@COMPOSITION/BLOCK_CLICKED': {
+        block: BlockPayloadType;
+    };
+    '@COMPOSITION/CB_RIGHT_CLICKED': {
+        e: React.MouseEvent;
+        block: BlockPayloadType;
+    };
+    '@COMPOSITION/SECTION_CLICKED': {
+        sectionId: number;
+    };
+    '@COMPOSITION/SECTION_RIGHT_CLICKED': {
+        sectionId: number;
+        e: React.MouseEvent;
+    };
+    '@COMPOSITION/GROUP_RIGHT_CLICKED': {
+        e: React.MouseEvent;
+        block: PayloadGBType;
+        isEditingGroup: boolean;
+    };
+    '@COMPOSITION/BULK_RIGHT_CLICKED': {
+        e: React.MouseEvent;
+        block: PayloadBulkType;
+    };
+    '@COMPOSITION/BULK_CREATED': {
+        message: string;
+        data: LayoutItem;
+    };
+    '@COMPOSITION/BULK_DISMISSED': {
+        message: string;
+        editingGroupBlock: string;
+    };
+    '@COMPOSITION/COLLISION_NOT_FOUND': {
+        message: string;
+    };
+    '@COMPOSITION/ESCAPE_ONE_FROM_BULK': {
+        id: string;
+    };
+    '@COMPOSITION/BULK_DRAG_STOP': {
+        updatedBlocks: UpdatedBlock[];
+    };
+    '@COMPOSITION/GROUP_DRAG_STOP': {
+        updatedBlocks: UpdatedBlock[];
+        workDir: string;
+    };
+    '@COMPOSITION/WORKDIR_CHANGED': {
+        workDir: string;
+    };
+};
+export type UpdatedBlock = {
+    blockId: string;
+    cbId: number;
+    x: number;
+    y: number;
+};
+type ActionMap<M extends {
+    [index: string]: any;
+}> = {
+    [Key in keyof M]: M[Key] extends undefined ? {
+        type: Key;
+    } : {
+        type: Key;
+        payload: M[Key];
+    };
+};
+export {};

package/dist/src/sub/DynamicLayout/compositionActionTypes.js

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

package/dist/src/sub/DynamicLayout/mock_composition.js

@@ -170,6 +170,7 @@ exports.sampleMockComposition1 = {
                 'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE': 24,
                 CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH: 1200,
                 'CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH:MOBILE': 230,
+                CB_PLACEMENT_PROP_SECTION_SPEC_COLS: 12,
                 'CB_PLACEMENT_PROP_SECTION_SPEC_COLS:MOBILE': undefined
             },
             CB_STYLE_PROP_BGCOLOR: {
@@ -280,6 +281,30 @@ exports.sampleMockComposition1 = {
                 'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE': 'SOLID',
                 'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE:HOVER': null
             }
+        },
+        pedigree: {
+            blockId: 'ROOT',
+            children: [
+                {
+                    blockId: 'CB_238019',
+                    componentBlockId: 238019,
+                    type: 'COMPONENT_BLOCK',
+                    zOrderDesktopInternal: 1,
+                    zOrderMobileInternal: 5
+                }
+            ],
+            // componentBlockId: null,
+            type: 'GROUP_BLOCK',
+            zOrderDesktopInternal: null,
+            zOrderMobileInternal: null
+        },
+        zOrders: {
+            desktop: {
+                '238019': 1
+            },
+            mobile: {
+                '238019': 1
+            }
         }
     },
     manifest: {
@@ -393,7 +418,8 @@ exports.sampleMockComposition2 = {
                         CB_CONTENT_PROP_HOVER_SPEC_MUSE: false
                     },
                     CB_CONTENT_PROP_TEXT: {
-                        CB_CONTENT_PROP_TEXT_SPEC_TEXT: 'BANNER'
+                        CB_CONTENT_PROP_TEXT_SPEC_TEXT: 'BANNER',
+                        CB_CONTENT_PROP_TEXT_SPEC_TEXTMOBILEALTERNATIVE: 'hola'
                     },
                     CB_CONTENT_PROP_VISIBILITY: {
                         CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,

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

@@ -55,9 +55,9 @@ var publ_echo_1 = require("publ-echo");
 var group_1 = require("publ-echo/dist/lib/GridLayoutEditor/group");
 var renderHelpers_1 = require("publ-echo/dist/lib/GridLayoutEditor/utils/renderHelpers");
 var react_1 = __importStar(require("react"));
-var ErrorBoundary_1 = require("@sub/DynamicLayout/components/Section/ErrorBoundary");
-var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
-var gleStyles_1 = require("@sub/DynamicLayout/gleStyles");
+var ErrorBoundary_1 = require("../../../DynamicLayout/components/Section/ErrorBoundary");
+var dynamicLayoutContext_1 = require("../../../DynamicLayout/dynamicLayoutContext");
+var gleStyles_1 = require("../../../DynamicLayout/gleStyles");
 var styled_components_1 = __importDefault(require("styled-components"));
 var components_1 = require("../../components");
 var ComponentBlockMatcher_1 = __importDefault(require("./components/ComponentBlock/ComponentBlockMatcher"));

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { CB_BTN_PROPERTIES_TYPE, IndexForIntersection } from '@sub/DynamicLayout/sections/CustomSection/util/types';
+import type { CB_BTN_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
 type Props = CB_BTN_PROPERTIES_TYPE & IndexForIntersection;
 declare function Button(props: Props): JSX.Element;
 export default Button;

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

@@ -28,12 +28,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable react/destructuring-assignment */
 var react_1 = require("react");
-var DynamicLayout_1 = require("@sub/DynamicLayout");
-var hooks_1 = require("@sub/DynamicLayout/sections/CustomSection/hooks");
-var useGoogleFonts_1 = require("@sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts");
-var newUtils_1 = require("@sub/DynamicLayout/sections/CustomSection/newUtils");
-var colorUtil_1 = require("@sub/DynamicLayout/sections/CustomSection/newUtils/colorUtil");
-var util_1 = require("@sub/DynamicLayout/sections/CustomSection/util");
+var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
+var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
+var useGoogleFonts_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks/useGoogleFonts");
+var newUtils_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/newUtils");
+var colorUtil_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/newUtils/colorUtil");
+var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
 var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
 var S_HiddenCover_1 = require("../components/S_HiddenCover");

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import type { CB_CONTENTS_CAROUSEL } from '@sub/DynamicLayout/sections/CustomSection/types';
-import type { CB_CONTENTS_CAROUSEL_PROPERTIES_TYPE, IndexForIntersection } from '@sub/DynamicLayout/sections/CustomSection/util/types';
+import type { CB_CONTENTS_CAROUSEL } from '../../../../../../../DynamicLayout/sections/CustomSection/types';
+import type { CB_CONTENTS_CAROUSEL_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
 type Props = CB_CONTENTS_CAROUSEL_PROPERTIES_TYPE & IndexForIntersection & {
     compositions: CB_CONTENTS_CAROUSEL['compositions'];
 };

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

@@ -20,10 +20,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var Composition_1 = __importDefault(require("@sub/DynamicLayout/CompositionRenderer/Composition"));
-var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
-var hooks_1 = require("@sub/DynamicLayout/sections/CustomSection/hooks");
-var util_1 = require("@sub/DynamicLayout/sections/CustomSection/util");
+var Composition_1 = __importDefault(require("../../../../../../../DynamicLayout/CompositionRenderer/Composition"));
+var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
+var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
+var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
 var styled_components_1 = __importDefault(require("styled-components"));
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
 var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");

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

@@ -40,7 +40,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomNavigation = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var IconButton_1 = require("@sub/DynamicLayout/components/pdsOriginal/desktop/IconButton");
+var IconButton_1 = require("../../../../../../../../DynamicLayout/components/pdsOriginal/desktop/IconButton");
 var styled_components_1 = __importStar(require("styled-components"));
 var CustomNavigation = function (_a) {
     var _b = _a.prevBtnDisabled, prevBtnDisabled = _b === void 0 ? false : _b, _c = _a.prevBtnType, prevBtnType = _c === void 0 ? 'NONE' : _c, _d = _a.prevBtnOffset, prevBtnOffset = _d === void 0 ? { top: '0' } : _d, _e = _a.prevBtnSize, prevBtnSize = _e === void 0 ? 1 : _e, _f = _a.nextBtnDisabled, nextBtnDisabled = _f === void 0 ? false : _f, _g = _a.nextBtnType, nextBtnType = _g === void 0 ? 'NONE' : _g, _h = _a.nextBtnOffset, nextBtnOffset = _h === void 0 ? { top: '0' } : _h, _j = _a.nextBtnSize, nextBtnSize = _j === void 0 ? 1 : _j, onPrevBtnClick = _a.onPrevBtnClick, onNextBtnClick = _a.onNextBtnClick;

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

@@ -40,7 +40,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomPagination = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("@sub/DynamicLayout/components");
+var components_1 = require("../../../../../../../../DynamicLayout/components");
 var styled_components_1 = __importStar(require("styled-components"));
 var CustomPagination = function (_a) {
     var _b = _a.current, current = _b === void 0 ? 1 : _b, _c = _a.total, total = _c === void 0 ? 1 : _c, _d = _a.type, type = _d === void 0 ? 'NONE' : _d, _e = _a.offset, offset = _e === void 0 ? { top: '0' } : _e, _f = _a.size, size = _f === void 0 ? 1 : _f, onBulletClick = _a.onBulletClick;

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

@@ -5,7 +5,7 @@ import type { CustomPaginationProps } from './components/CustomPagination';
 import type { CustomProgressbarProps } from './components/CustomProgressbar';
 import type { ContentsCarouselCoreProps } from './ContentsCarouselCore';
 import type { CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS, ContentsCarouselPropsKeys } from './types';
-import type { Device } from '@sub/DynamicLayout/sections/CustomSection/util/types';
+import type { Device } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
 type ParseCarouselStyleToCarouselCoreProps = {
     props: CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS;
     contentsPropsPartials: Pick<CB_CONTENT_PROP_CONTENTSCAROUSEL, 'CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS'>;

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

@@ -1,4 +1,4 @@
-import type { NUMBER_INTEGER } from '@sub/DynamicLayout/sections/CustomSection/util/types';
+import type { NUMBER_INTEGER } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
 export type ContentsCarouselPropsKeys = keyof CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS;
 export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_STYLE_TYPE = 'OPTION_1' | 'OPTION_2';
 export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING_TYPE = 'WIDE' | 'NORMAL' | 'NARROW';

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

@@ -40,7 +40,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var DynamicLayout_1 = require("@sub/DynamicLayout");
+var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
 var styled_components_1 = __importStar(require("styled-components"));
 var hooks_1 = require("../../../../hooks");
 var util_1 = require("../../../../util");

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

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var DynamicLayout_1 = require("@sub/DynamicLayout");
+var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
 var hooks_1 = require("../../../../hooks");
 var util_1 = require("../../../../util");
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");

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

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 require("react");
 var react_i18next_1 = require("react-i18next");
-var components_1 = require("@sub/DynamicLayout/components");
+var components_1 = require("../../../../../../../DynamicLayout/components");
 var styled_components_1 = __importDefault(require("styled-components"));
 function IframeDenied() {
     var t = (0, react_i18next_1.useTranslation)().t;

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

@@ -1,4 +1,4 @@
-import type { DefaultBrightTheme } from '@sub/DynamicLayout/sections/CustomSection/util/types';
+import type { DefaultBrightTheme } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
 export type TwitterPropsKeys = keyof CB_TWITTER_STYLE_PROPS;
 export type CB_TWITTER_STYLE_PROPS = {
     CB_STYLE_PROP_TWITTER_SPEC_THEME: DefaultBrightTheme;

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

@@ -43,7 +43,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var DynamicLayout_1 = require("@sub/DynamicLayout");
+var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
 var styled_components_1 = __importStar(require("styled-components"));
 var hooks_1 = require("../../../../hooks");
 var util_1 = require("../../../../util");

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

@@ -1,4 +1,4 @@
-import type { ENUM_STRING, STRING_PLAIN } from '@sub/DynamicLayout/sections/CustomSection/util/types';
+import type { ENUM_STRING, STRING_PLAIN } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
 export type ImagePropsKeys = keyof CB_IMAGE_STYLE_PROPS;
 export type CB_IMAGE_STYLE_PROPS = {
     CB_STYLE_PROP_IMAGE_SPEC_FIT: STRING_PLAIN;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { CB_RICHTEXT_PROPERTIES_TYPE, IndexForIntersection } from '@sub/DynamicLayout/sections/CustomSection/util/types';
+import type { CB_RICHTEXT_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
 type Props = CB_RICHTEXT_PROPERTIES_TYPE & IndexForIntersection;
 declare function RichText(props: Props): JSX.Element;
 export default RichText;

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

@@ -21,11 +21,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable react/destructuring-assignment */
 var react_1 = require("react");
-var DynamicLayout_1 = require("@sub/DynamicLayout");
-var RichText_1 = require("@sub/DynamicLayout/components/ComponentBlocks/RichText");
-var hooks_1 = require("@sub/DynamicLayout/sections/CustomSection/hooks");
-var colorUtil_1 = require("@sub/DynamicLayout/sections/CustomSection/newUtils/colorUtil");
-var util_1 = require("@sub/DynamicLayout/sections/CustomSection/util");
+var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
+var RichText_1 = require("../../../../../../../DynamicLayout/components/ComponentBlocks/RichText");
+var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
+var colorUtil_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/newUtils/colorUtil");
+var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
 var styled_components_1 = __importDefault(require("styled-components"));
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
 var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");

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

@@ -1,5 +1,5 @@
 import type { BGColorPropsKeys, CB_STYLE_PROP_BGCOLOR_SPECS } from '../Youtube/types';
-import type { ENUM_STRING, NUMBER_INTEGER } from '@sub/DynamicLayout/sections/CustomSection/util/types';
+import type { ENUM_STRING, NUMBER_INTEGER } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
 export type CB_STYLE_PROP_BGOVERLAY_ENUM_GRADIENT = 'LINEAR' | 'RADIAL';
 export type CB_STYLE_PROP_BGOVERLAY_ENUM_TYPE = 'NONE' | 'SOLID' | 'GRADIENT';
 export type CB_STYLE_PROP_BGOVERLAY_SPECS_BASE = {

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import type { CB_SLIDE_BANNER } from '@sub/DynamicLayout/sections/CustomSection/types';
-import type { CB_SLIDE_BANNER_PROPERTIES_TYPE, IndexForIntersection } from '@sub/DynamicLayout/sections/CustomSection/util/types';
+import type { CB_SLIDE_BANNER } from '../../../../../../../DynamicLayout/sections/CustomSection/types';
+import type { CB_SLIDE_BANNER_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
 type Props = CB_SLIDE_BANNER_PROPERTIES_TYPE & IndexForIntersection & {
     compositions: CB_SLIDE_BANNER['compositions'];
 };

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

@@ -20,10 +20,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var Composition_1 = __importDefault(require("@sub/DynamicLayout/CompositionRenderer/Composition"));
-var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
-var hooks_1 = require("@sub/DynamicLayout/sections/CustomSection/hooks");
-var util_1 = require("@sub/DynamicLayout/sections/CustomSection/util");
+var Composition_1 = __importDefault(require("../../../../../../../DynamicLayout/CompositionRenderer/Composition"));
+var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
+var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
+var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
 var styled_components_1 = __importDefault(require("styled-components"));
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
 var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");

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

@@ -40,7 +40,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomNavigation = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var IconButton_1 = require("@sub/DynamicLayout/components/pdsOriginal/desktop/IconButton");
+var IconButton_1 = require("../../../../../../../../DynamicLayout/components/pdsOriginal/desktop/IconButton");
 var styled_components_1 = __importStar(require("styled-components"));
 var CustomNavigation = function (_a) {
     var _b = _a.prevBtnDisabled, prevBtnDisabled = _b === void 0 ? false : _b, _c = _a.prevBtnType, prevBtnType = _c === void 0 ? 'NONE' : _c, _d = _a.prevBtnOffset, prevBtnOffset = _d === void 0 ? { top: '0' } : _d, _e = _a.prevBtnSize, prevBtnSize = _e === void 0 ? 1 : _e, _f = _a.nextBtnDisabled, nextBtnDisabled = _f === void 0 ? false : _f, _g = _a.nextBtnType, nextBtnType = _g === void 0 ? 'NONE' : _g, _h = _a.nextBtnOffset, nextBtnOffset = _h === void 0 ? { top: '0' } : _h, _j = _a.nextBtnSize, nextBtnSize = _j === void 0 ? 1 : _j, onPrevBtnClick = _a.onPrevBtnClick, onNextBtnClick = _a.onNextBtnClick;