pds-dev-kit-web-test 2.3.18 → 2.4.1

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

@@ -1,52 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var customChrome = {
-    noheader: 'noheader',
-    nofooter: 'nofooter',
-    noborders: 'noborders',
-    noscrollbar: 'noscrollbar',
-    transparent: 'transparent'
-};
-/**
- * 트위터의 Profile Timeline 임베드 컴포넌트입니다.
- *
- * Profile Timeline 가이드: https://developer.twitter.com/en/docs/twitter-for-websites/timelines/guides/profile-timeline
- *
- * Parameter Reference: https://developer.twitter.com/en/docs/twitter-for-websites/timelines/guides/parameter-reference
- *
- * 트위터 표시 요구 약관: https://developer.twitter.com/en/developer-terms/display-requirements
- */
-var TwitterTimeline = (0, react_1.forwardRef)(function (_a, ref) {
-    var userId = _a.userId, _b = _a.tweetLimit, tweetLimit = _b === void 0 ? 5 : _b, _c = _a.showReplies, showReplies = _c === void 0 ? false : _c, _d = _a.theme, theme = _d === void 0 ? 'light' : _d, _e = _a.ariaPolite, ariaPolite = _e === void 0 ? 'polite' : _e, _f = _a.dnt, dnt = _f === void 0 ? true : _f, _g = _a.customChrome, customChrome = _g === void 0 ? [] : _g, fallback = _a.fallback;
-    var TWITTER_EMBED_TIMELINE_SCRIPT_ID = 'twitter-timeline';
-    var TWITTER_EMBED_TIMELINE_SCRIPT_SRC = 'https://platform.twitter.com/widgets.js';
-    function scriptLoader(scriptId, scriptUrl) {
-        var script = document.createElement('script');
-        script.async = true;
-        script.id = scriptId;
-        script.src = scriptUrl;
-        script.type = 'text/javascript';
-        script.onerror = function () {
-            // eslint-disable-next-line no-console
-            console.log('onerror >>>', userId);
-        };
-        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/".concat(userId), rel: "noreferrer" }, { children: fallback })) })) })));
-});
-exports.default = TwitterTimeline;
-TwitterTimeline.displayName = 'TwitterTimeline';

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

@@ -1,41 +0,0 @@
-"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 __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var styled_components_1 = __importDefault(require("styled-components"));
-var TwitterTimeline_1 = __importDefault(require("./TwitterTimeline"));
-function TwitterTimelineRerender(args) {
-    var userId = args.userId, tweetLimit = args.tweetLimit, showReplies = args.showReplies, theme = args.theme, ariaPolite = args.ariaPolite, dnt = args.dnt, customChrome = args.customChrome, fallback = args.fallback, width = args.width, height = args.height;
-    var forceRenderKey = (0, react_1.useMemo)(function () {
-        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) })));
-}
-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 ? "".concat($height, "px") : '100%');
-}, function (_a) {
-    var $width = _a.$width;
-    return ($width ? "".concat($width, "px") : '100%');
-});
-exports.default = TwitterTimelineRerender;
-var templateObject_1;

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

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

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

@@ -1,145 +0,0 @@
-"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 __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = 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];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var 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 })));
-});
-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 "".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 "".concat(borderSize, "px ").concat(borderType, " ").concat(borderColor);
-}, function (_a) {
-    var _b = _a.borderRadius, borderRadius = _b === void 0 ? 0 : _b;
-    return borderRadius;
-}, function (_a) {
-    var _b = _a.boxSizing, boxSizing = _b === void 0 ? 'content-box' : _b;
-    return boxSizing;
-}, function (_a) {
-    var _b = _a.height, height = _b === void 0 ? '100%' : _b;
-    return height;
-}, function (_a) {
-    var _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
-    return opacity;
-}, function (_a) {
-    var _b = _a.paddingBottom, paddingBottom = _b === void 0 ? 0 : _b;
-    return paddingBottom;
-}, function (_a) {
-    var _b = _a.paddingLeft, paddingLeft = _b === void 0 ? 0 : _b;
-    return paddingLeft;
-}, function (_a) {
-    var _b = _a.paddingRight, paddingRight = _b === void 0 ? 0 : _b;
-    return paddingRight;
-}, function (_a) {
-    var _b = _a.paddingTop, paddingTop = _b === void 0 ? 0 : _b;
-    return paddingTop;
-}, function (_a) {
-    var _b = _a.width, width = _b === void 0 ? '100%' : _b;
-    return width;
-}, function (_a) {
-    var _b = _a.zIndex, zIndex = _b === void 0 ? 0 : _b;
-    return zIndex;
-}, function (_a) {
-    var _b = _a.alignVertical, alignVertical = _b === void 0 ? 'top' : _b;
-    switch (alignVertical) {
-        case 'top':
-            return 'align-Items: flex-start';
-        case 'center':
-            return 'align-Items: center';
-        case 'bottom':
-            return 'align-Items: flex-end';
-        default:
-            return 'align-Items: flex-start';
-    }
-}, function (_a) {
-    var _b = _a.alignHorizontal, alignHorizontal = _b === void 0 ? 'left' : _b;
-    switch (alignHorizontal) {
-        case 'left':
-            return 'justify-content: flex-start';
-        case 'center':
-            return 'justify-content: center';
-        case 'right':
-            return 'justify-content: flex-end';
-        default:
-            return 'justify-content: flex-start';
-    }
-}, function (_a) {
-    var _b = _a.backgroundType, backgroundType = _b === void 0 ? 'solid' : _b;
-    switch (backgroundType) {
-        case 'solid':
-            return BackgroundSolidType;
-        case 'gradient':
-            return BackgroundGradientType;
-        default:
-            return BackgroundSolidType;
-    }
-}, ShadowStyle);
-var BackgroundSolidType = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background: ", ";\n"], ["\n  background: ", ";\n"])), function (_a) {
-    var backgroundColor = _a.backgroundColor;
-    return (backgroundColor ? backgroundColor : 'none');
-});
-var BackgroundGradientType = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background: ", ";\n"], ["\n  background: ", ";\n"])), function (_a) {
-    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 ? '' : "".concat(backgroundGradientDegree, "deg,");
-    return "".concat(gradientType, "-gradient(").concat(degree, " ").concat(backgroundGradientStartColor, " ").concat(backgroundGradientStartPosition, "%, ").concat(backgroundGradientEndColor, " ").concat(backgroundGradientEndPosition, "%)");
-});
-exports.default = Wrapper;
-Wrapper.displayName = 'Wrapper';
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WrapperDefaultOptions = void 0;
-exports.WrapperDefaultOptions = {
-    width: 600,
-    height: 400,
-    alignHorizontal: 'center',
-    alignVertical: 'center',
-    paddingBottom: 20,
-    paddingLeft: 20,
-    paddingRight: 20,
-    paddingTop: 20,
-    zIndex: 0,
-    borderType: 'dotted',
-    borderSize: 5,
-    borderColor: 'dodgerblue',
-    borderRadius: 30,
-    backgroundType: 'gradient',
-    backgroundColor: 'gray',
-    backgroundGradientType: 'circular',
-    backgroundGradientStartColor: 'blue',
-    backgroundGradientStartPosition: 0,
-    backgroundGradientEndColor: 'lightblue',
-    backgroundGradientEndPosition: 100,
-    backgroundGradientDegree: 90,
-    shadowType: 'outside',
-    shadowColor: 'gray',
-    shadowHorizontalDistance: 15,
-    shadowVerticalDistance: 10,
-    shadowBlur: 3,
-    shadowSpread: 3,
-    opacity: 0.85
-};

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

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

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TwitterTimeline = exports.Text = exports.RichText = void 0;
-var RichText_1 = require("./RichText");
-Object.defineProperty(exports, "RichText", { enumerable: true, get: function () { return RichText_1.RichText; } });
-var Text_1 = require("./Text");
-Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return Text_1.Text; } });
-var TwitterTimeline_1 = require("./TwitterTimeline");
-Object.defineProperty(exports, "TwitterTimeline", { enumerable: true, get: function () { return TwitterTimeline_1.TwitterTimeline; } });

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

@@ -1,73 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-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;
-    var iframeSection = filteredSortedSection.find(function (section) { return section.manifest.schema === 'EXP_IFRAME' && section.display; });
-    var _b = (0, react_1.useState)(null), selectedSectionRef = _b[0], setSelectedSectionRef = _b[1];
-    var refCallback = (0, react_1.useCallback)(function (node) {
-        setSelectedSectionRef(node);
-    }, []);
-    (0, react_1.useImperativeHandle)(dynamicLayoutRef, function () {
-        return {
-            selectCB: function (cb) {
-                selectedSectionRef === null || selectedSectionRef === void 0 ? void 0 : selectedSectionRef.selectCB(cb);
-            },
-            selectCBInBulk: function (cbIds) {
-                selectedSectionRef === null || selectedSectionRef === void 0 ? void 0 : selectedSectionRef.selectCBInBulk(cbIds);
-            }
-        };
-    }, [selectedSectionRef]);
-    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)(DesignedSectionsMatcher, __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: section.type === 'CUSTOM' ? ((0, jsx_runtime_1.jsx)(sections_1.CustomSection, __assign({}, section, { ref: editingSectionId === section.id ? refCallback : null }))) : ((0, jsx_runtime_1.jsx)(DesignedSectionsMatcher, __assign({}, section))) }), section.id)); })) }));
-}
-exports.default = EditModeSectionMatcher;
-function DesignedSectionsMatcher(_a) {
-    var props = __rest(_a, []);
-    var schema = props.manifest.schema;
-    switch (schema) {
-        case 'BASE_INTRO':
-            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));
-        case 'BASE_CONTENTS_CAROUSEL':
-            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));
-        case 'BASE_INFO_BOX':
-            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));
-        case 'PRG_MEMBERSHIP_DISPLAY':
-            return (0, jsx_runtime_1.jsx)(sections_1.EditTypeMembershipSection, __assign({}, props));
-        default:
-            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    }
-}

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

@@ -1,45 +0,0 @@
-"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 });
-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 }), (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) {
-    var theme = _a.theme;
-    return theme.ui_editor_preview_editing;
-}, function (_a) {
-    var zIndex = _a.zIndex;
-    return zIndex;
-});
-var Absolute_Border_Left = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  height: 100%;\n  left: 0;\n  position: absolute;\n  transition: background-color 0.2s ease-out;\n  width: 4px;\n  z-index: ", ";\n"], ["\n  background-color: ", ";\n  height: 100%;\n  left: 0;\n  position: absolute;\n  transition: background-color 0.2s ease-out;\n  width: 4px;\n  z-index: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_editor_preview_editing;
-}, function (_a) {
-    var zIndex = _a.zIndex;
-    return zIndex;
-});
-var Absolute_Border_Right = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: ", ";\n  height: 100%;\n  position: absolute;\n  right: 0;\n  transition: background-color 0.2s ease-out;\n  width: 4px;\n  z-index: ", ";\n"], ["\n  background-color: ", ";\n  height: 100%;\n  position: absolute;\n  right: 0;\n  transition: background-color 0.2s ease-out;\n  width: 4px;\n  z-index: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_editor_preview_editing;
-}, function (_a) {
-    var zIndex = _a.zIndex;
-    return zIndex;
-});
-var Absolute_Border_Bottom = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background-color: ", ";\n  bottom: 0;\n  height: 4px;\n  position: absolute;\n  transition: background-color 0.2s ease-out;\n  width: 100%;\n  z-index: ", ";\n"], ["\n  background-color: ", ";\n  bottom: 0;\n  height: 4px;\n  position: absolute;\n  transition: background-color 0.2s ease-out;\n  width: 100%;\n  z-index: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_editor_preview_editing;
-}, function (_a) {
-    var zIndex = _a.zIndex;
-    return zIndex;
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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

@@ -1,118 +0,0 @@
-"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 __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
-var styled_components_1 = __importDefault(require("styled-components"));
-var desktop_1 = require("../../../../desktop");
-var useLazyUnmount_1 = require("../../hooks/useLazyUnmount");
-var OverlayBorders_1 = __importDefault(require("./OverlayBorders"));
-function SectionBox(_a) {
-    var scrollIntoThisSection = _a.scrollIntoThisSection, isIframeSection = _a.isIframeSection, isEditing = _a.isEditing, children = _a.children, onClick = _a.onClick;
-    var t = (0, react_i18next_1.useTranslation)('translation').t;
-    var sectionRef = (0, react_1.useRef)(null);
-    var _b = (0, react_1.useState)(false), isHover = _b[0], setIsHover = _b[1];
-    var _c = (0, react_1.useState)(false), fadeOut = _c[0], setFadeout = _c[1];
-    var _d = (0, react_1.useState)(false), hasNoChild = _d[0], setHasNoChild = _d[1];
-    var onMouseLeaveAsync = (0, useLazyUnmount_1.useLazyUnmount)({ doUnmount: function () { return setIsHover(false); } }, 150);
-    var onClickDelayedAsync = (0, useLazyUnmount_1.useLazyUnmount)({
-        doUnmount: function () {
-            onClick();
-            setFadeout(false);
-        }
-    }, 150);
-    (0, react_1.useEffect)(function () {
-        if (!sectionRef) {
-            return;
-        }
-        if (scrollIntoThisSection) {
-            setTimeout(function () {
-                var _a;
-                (_a = sectionRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: 'smooth', block: 'start' });
-            }, 200);
-        }
-    }, [scrollIntoThisSection]);
-    (0, react_1.useEffect)(function () {
-        if (!sectionRef.current) {
-            return;
-        }
-        if (sectionRef.current.getBoundingClientRect().height === 0) {
-            setHasNoChild(true);
-            return;
-        }
-        setHasNoChild(false);
-    }, [isEditing, children]);
-    var onMouseEnter = function () {
-        if (hasNoChild) {
-            return;
-        }
-        setIsHover(true);
-    };
-    var onClickSectionBox = function () {
-        if (hasNoChild) {
-            return;
-        }
-        setFadeout(true);
-        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 }), (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) {
-    var theme = _a.theme;
-    return theme.ui_editor_preview_editing;
-});
-var S_SectionBox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: ", ";\n  position: relative;\n"], ["\n  height: ", ";\n  position: relative;\n"])), function (_a) {
-    var isIframeSection = _a.isIframeSection;
-    return (isIframeSection ? '100%' : 'auto');
-});
-var DimmedEditOverlay = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  align-items: center;\n  animation: ", ";\n  background-color: ", ";\n  bottom: 0;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  left: 0;\n\n  opacity: ", ";\n\n  position: absolute;\n  right: 0;\n  top: 0;\n  transition: opacity 0.2s ease-out;\n  z-index: 10;\n\n  @keyframes fadeOut {\n    0% {\n      opacity: 1;\n    }\n\n    50% {\n      opacity: 0.6;\n    }\n\n    100% {\n      opacity: 0;\n    }\n  }\n"], ["\n  align-items: center;\n  animation: ", ";\n  background-color: ", ";\n  bottom: 0;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  left: 0;\n\n  opacity: ", ";\n\n  position: absolute;\n  right: 0;\n  top: 0;\n  transition: opacity 0.2s ease-out;\n  z-index: 10;\n\n  @keyframes fadeOut {\n    0% {\n      opacity: 1;\n    }\n\n    50% {\n      opacity: 0.6;\n    }\n\n    100% {\n      opacity: 0;\n    }\n  }\n"])), function (_a) {
-    var fadeOut = _a.fadeOut;
-    return fadeOut && 'fadeOut 0.2s ease-out';
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_pages_section_dimmed;
-}, function (_a) {
-    var isHover = _a.isHover, fadeOut = _a.fadeOut;
-    if (fadeOut) {
-        return 0;
-    }
-    if (isHover) {
-        return 1;
-    }
-    return 0;
-});
-var S_EditButton = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  border-radius: 14px;\n  display: flex;\n  font-weight: bold;\n  height: 56px;\n  justify-content: center;\n  padding: 0 ", ";\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n  }\n"], ["\n  align-items: center;\n  background-color: ", ";\n  border-radius: 14px;\n  display: flex;\n  font-weight: bold;\n  height: 56px;\n  justify-content: center;\n  padding: 0 ", ";\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_71;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_72;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_73;
-});
-var S_Editing = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  & > div {\n    animation: fadeIn 0.2s ease-out;\n  }\n\n  @keyframes fadeIn {\n    0% {\n      opacity: 0.2;\n    }\n\n    50% {\n      opacity: 0.6;\n    }\n\n    100% {\n      opacity: 1;\n    }\n  }\n"], ["\n  & > div {\n    animation: fadeIn 0.2s ease-out;\n  }\n\n  @keyframes fadeIn {\n    0% {\n      opacity: 0.2;\n    }\n\n    50% {\n      opacity: 0.6;\n    }\n\n    100% {\n      opacity: 1;\n    }\n  }\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

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

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

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

@@ -1,46 +0,0 @@
-"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 __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_components_1 = __importDefault(require("styled-components"));
-var CustomSectionBackground_1 = __importDefault(require("./components/CustomSectionBackground"));
-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 }), 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;
-    return (isIframeSection ? '100%' : 'auto');
-});
-exports.default = CustomSection;
-var templateObject_1;