pds-dev-kit-web-test 0.2.2 → 0.2.3

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/AccordionCore/AccordionItem.d.ts

@@ -1,7 +0,0 @@
-import type React from 'react';
-declare type Props = {
-    children: React.ReactNode;
-    style: React.CSSProperties;
-};
-declare function AccordionItem({ children, style }: Props): JSX.Element;
-export default AccordionItem;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/AccordionCore/AccordionItem.js

@@ -1,19 +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");
-function AccordionItem(_a) {
-    var children = _a.children, style = _a.style;
-    return (0, jsx_runtime_1.jsx)("div", __assign({ style: style }, { children: children }), void 0);
-}
-exports.default = AccordionItem;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/AccordionCore/index.d.ts

@@ -1,4 +0,0 @@
-export { default as AccordionCore } from './AccordionCore';
-export { default as AccordionBody } from './AccordionBody';
-export { default as AccordionHeader } from './AccordionHeader';
-export { default as AccordionItem } from './AccordionItem';

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/AccordionCore/index.js

@@ -1,14 +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.AccordionItem = exports.AccordionHeader = exports.AccordionBody = exports.AccordionCore = void 0;
-var AccordionCore_1 = require("./AccordionCore");
-Object.defineProperty(exports, "AccordionCore", { enumerable: true, get: function () { return __importDefault(AccordionCore_1).default; } });
-var AccordionBody_1 = require("./AccordionBody");
-Object.defineProperty(exports, "AccordionBody", { enumerable: true, get: function () { return __importDefault(AccordionBody_1).default; } });
-var AccordionHeader_1 = require("./AccordionHeader");
-Object.defineProperty(exports, "AccordionHeader", { enumerable: true, get: function () { return __importDefault(AccordionHeader_1).default; } });
-var AccordionItem_1 = require("./AccordionItem");
-Object.defineProperty(exports, "AccordionItem", { enumerable: true, get: function () { return __importDefault(AccordionItem_1).default; } });

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/Button.d.ts

@@ -1,8 +0,0 @@
-import type React from 'react';
-declare type ButtonComponentProp = {
-    text: string;
-    style: React.CSSProperties;
-    hoverStyle?: React.CSSProperties;
-};
-declare function Button({ text, style, hoverStyle }: ButtonComponentProp): JSX.Element;
-export default Button;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/ContentsCarousel/CardItem.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-declare type Props = {
-    imgSrc: string;
-    title: string;
-    description: string;
-    isImgOverlay: boolean;
-};
-declare function CardItem({ imgSrc, title, description, isImgOverlay }: Props): JSX.Element;
-export default CardItem;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/ContentsCarousel/CardItem.js

@@ -1,34 +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");
-require("react");
-var reactstrap_1 = require("reactstrap");
-var styled_components_1 = __importDefault(require("styled-components"));
-function CardItem(_a) {
-    var imgSrc = _a.imgSrc, title = _a.title, description = _a.description, isImgOverlay = _a.isImgOverlay;
-    if (isImgOverlay) {
-        (0, jsx_runtime_1.jsxs)(reactstrap_1.Card, { children: [(0, jsx_runtime_1.jsx)(reactstrap_1.CardImg, { src: imgSrc, width: "100%" }, void 0), (0, jsx_runtime_1.jsx)(reactstrap_1.CardImgOverlay, { children: (0, jsx_runtime_1.jsxs)(reactstrap_1.CardBody, { children: [(0, jsx_runtime_1.jsx)(reactstrap_1.CardTitle, __assign({ tag: "h5" }, { children: title }), void 0), (0, jsx_runtime_1.jsx)(reactstrap_1.CardSubtitle, __assign({ className: "mb-2 text-muted", tag: "h6" }, { children: description }), void 0), (0, jsx_runtime_1.jsx)(reactstrap_1.CardText, { children: "\uCD94\uAC00\uB85C \uCE74\uB4DC \uD14D\uC2A4\uD2B8\uB97C \uB123\uB294 \uACF3" }, void 0), (0, jsx_runtime_1.jsx)(reactstrap_1.Button, { children: "Button" }, void 0)] }, void 0) }, void 0)] }, void 0);
-    }
-    return ((0, jsx_runtime_1.jsxs)(reactstrap_1.Card, __assign({ style: { height: '100%' } }, { children: [(0, jsx_runtime_1.jsx)(S_CardImgBox, { children: (0, jsx_runtime_1.jsx)(reactstrap_1.CardImg, { src: imgSrc, width: "100%", top: true, style: { aspectRatio: '16/9' } }, void 0) }, void 0), (0, jsx_runtime_1.jsxs)(reactstrap_1.CardBody, __assign({ style: { flex: '1 1 auto' } }, { children: [(0, jsx_runtime_1.jsx)(reactstrap_1.CardTitle, __assign({ tag: "h5" }, { children: title }), void 0), (0, jsx_runtime_1.jsx)(reactstrap_1.CardSubtitle, __assign({ className: "mb-2 text-muted", tag: "h6" }, { children: description }), void 0), (0, jsx_runtime_1.jsx)(reactstrap_1.CardText, { children: "\uCD94\uAC00\uB85C \uCE74\uB4DC \uD14D\uC2A4\uD2B8\uB97C \uB123\uB294 \uACF3" }, void 0), (0, jsx_runtime_1.jsx)(reactstrap_1.Button, { children: "Button" }, void 0)] }), void 0)] }), void 0));
-}
-var S_CardImgBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 50%;\n  max-height: 50%;\n"], ["\n  height: 50%;\n  max-height: 50%;\n"])));
-exports.default = CardItem;
-var templateObject_1;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/ContentsCarousel/ContentsCarousel.d.ts

@@ -1,28 +0,0 @@
-import type { TypeOfItemLinkType } from '../../../../../../DynamicLayout/types';
-import type React from 'react';
-export declare type ContentsCarouselItem = {
-    title: string;
-    description: string;
-    imageSrc: string;
-    linkSrc: string;
-    linkType: TypeOfItemLinkType;
-    buttonLabel: string;
-    id: string;
-};
-export declare type EffectTypes = 'none' | 'fade';
-export declare type CarouselSettings = {
-    mode: 'normal' | 'loop' | 'autoplay';
-    carouselAutoplayTime: number;
-    spaceBetween: number;
-    slidesPerView: number;
-    sliderPerGroup: number;
-    buttonSpacing: string;
-    effect: EffectTypes;
-};
-export declare type ContentsCarouselProps = {
-    contentsCarouselItems: ContentsCarouselItem[];
-    carouselSettings: CarouselSettings;
-    style: React.CSSProperties;
-};
-declare function ContentsCarousel({ contentsCarouselItems, style, carouselSettings }: ContentsCarouselProps): JSX.Element;
-export default ContentsCarousel;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/ContentsCarousel/ContentsCarousel.js

@@ -1,53 +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 desktop_1 = require("../../../../../../DynamicLayout/components/desktop");
-var styled_components_1 = __importDefault(require("styled-components"));
-var CardItem_1 = __importDefault(require("./CardItem"));
-function ContentsCarousel(_a) {
-    var contentsCarouselItems = _a.contentsCarouselItems, style = _a.style, carouselSettings = _a.carouselSettings;
-    var mode = carouselSettings.mode, carouselAutoplayTime = carouselSettings.carouselAutoplayTime, spaceBetween = carouselSettings.spaceBetween, slidesPerView = carouselSettings.slidesPerView, sliderPerGroup = carouselSettings.sliderPerGroup, buttonSpacing = carouselSettings.buttonSpacing;
-    return ((0, jsx_runtime_1.jsx)(S_CarouselBox, __assign({ style: style }, { children: (0, jsx_runtime_1.jsx)(desktop_1.Carousel, __assign({ spaceBetween: spaceBetween, slidesPerView: slidesPerView, slidesPerGroup: sliderPerGroup, 
-            // NOTE: when edit mode
-            allowTouchMove: false, 
-            // breakpoints={{
-            //   1301: {
-            //     slidesPerView: 4
-            //   },
-            //   1601: {
-            //     slidesPerView: 5
-            //   }
-            // }}
-            mode: mode, autoplayDelay: carouselAutoplayTime, buttonSpacing: buttonSpacing }, { children: contentsCarouselItems.map(function (item) {
-                var itemTitle = item.title, itemDescription = item.description, itemImageSrc = item.imageSrc, 
-                // linkSrc: itemLinkSrc,
-                // linkType: itemLinkType,
-                // buttonLabel: itemButtonLabel,
-                id = item.id;
-                return ((0, jsx_runtime_1.jsx)(CardItem_1.default, { imgSrc: itemImageSrc, title: itemTitle, description: itemDescription, isImgOverlay: false }, id));
-            }) }), void 0) }), void 0));
-}
-var S_CarouselBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  /* NOTE: \uBCC0\uACBD\uD544\uC694 */\n  height: 100%;\n  max-height: 100%;\n\n  /* & > div {\n    height: 100%;\n    & > div {\n      height: 100%;\n      & > .swiper {\n        height: 100%;\n      }\n    }\n  } */\n  /* margin: ", " 0; */\n"], ["\n  /* NOTE: \uBCC0\uACBD\uD544\uC694 */\n  height: 100%;\n  max-height: 100%;\n\n  /* & > div {\n    height: 100%;\n    & > div {\n      height: 100%;\n      & > .swiper {\n        height: 100%;\n      }\n    }\n  } */\n  /* margin: ", " 0; */\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingH;
-});
-exports.default = ContentsCarousel;
-var templateObject_1;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/Divider.d.ts

@@ -1,7 +0,0 @@
-import type React from 'react';
-export declare type DividerProp = {
-    size: number;
-    style: React.CSSProperties;
-};
-declare function Divider({ style, size }: DividerProp): JSX.Element;
-export default Divider;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/Divider.js

@@ -1,29 +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 styled_components_1 = __importDefault(require("styled-components"));
-function Divider(_a) {
-    var style = _a.style, size = _a.size;
-    return (0, jsx_runtime_1.jsx)(S_Divider, { style: __assign(__assign({}, style), { height: size + "px" }) }, void 0);
-}
-var S_Divider = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n"], ["\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n"])));
-exports.default = Divider;
-var templateObject_1;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/Image.d.ts

@@ -1,7 +0,0 @@
-import type React from 'react';
-declare type ImgProps = {
-    src: string;
-    style: React.CSSProperties;
-};
-declare function Image({ src, style }: ImgProps): JSX.Element;
-export default Image;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/Image.js

@@ -1,18 +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 Image(_a) {
-    var src = _a.src, style = _a.style;
-    return (0, jsx_runtime_1.jsx)(S_Img, { src: src, style: style }, void 0);
-}
-var S_Img = styled_components_1.default.img(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n"], ["\n  height: 100%;\n  width: 100%;\n"])));
-exports.default = Image;
-var templateObject_1;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/ImageCarousel/ImageCarousel.d.ts

@@ -1,16 +0,0 @@
-import type { CarouselSettings } from '../ContentsCarousel/ContentsCarousel';
-import type React from 'react';
-export declare type ImgCarouselItem = {
-    title: string;
-    description: string;
-    imageSrc: string;
-    id: string;
-};
-export declare type ImgCarouselProps = {
-    imgCarouselItems: ImgCarouselItem[];
-    carouselSettings: CarouselSettings;
-    style: React.CSSProperties;
-    imgStyle: React.CSSProperties;
-};
-declare function ImageCarousel({ imgStyle, imgCarouselItems, carouselSettings, style }: ImgCarouselProps): JSX.Element;
-export default ImageCarousel;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/ImageCarousel/ImageCarousel.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 reactstrap_1 = require("reactstrap");
-var swiper_1 = require("swiper");
-var react_1 = require("swiper/react");
-var swiper_style_1 = __importDefault(require("../../../../../../DynamicLayout/components/desktop/common/swiper.style"));
-var styled_components_1 = __importDefault(require("styled-components"));
-function ImageCarousel(_a) {
-    var imgStyle = _a.imgStyle, imgCarouselItems = _a.imgCarouselItems, carouselSettings = _a.carouselSettings, style = _a.style;
-    return ((0, jsx_runtime_1.jsx)(S_SwiperStyleWrapper, __assign({ style: style }, { children: (0, jsx_runtime_1.jsx)(react_1.Swiper, __assign({ spaceBetween: carouselSettings.spaceBetween, effect: carouselSettings.effect === 'none' ? undefined : carouselSettings.effect, navigation: true, pagination: {
-                clickable: true
-            }, 
-            // NOTE: when edit mode
-            allowTouchMove: false, modules: [swiper_1.EffectFade, swiper_1.Navigation, reactstrap_1.Pagination], className: "mySwiper" }, { children: imgCarouselItems.map(function (item) { return ((0, jsx_runtime_1.jsxs)(react_1.SwiperSlide, { children: [(0, jsx_runtime_1.jsx)(S_Img, { style: imgStyle, src: item.imageSrc }, void 0), (0, jsx_runtime_1.jsxs)(S_Overlay, { children: [(0, jsx_runtime_1.jsx)(S_Title, { children: item.title }, void 0), (0, jsx_runtime_1.jsx)(S_Desc, { children: item.description }, void 0)] }, void 0)] }, item.id)); }) }), void 0) }), void 0));
-}
-var S_Overlay = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  bottom: 20px;\n  left: 20px;\n  position: absolute;\n"], ["\n  bottom: 20px;\n  left: 20px;\n  position: absolute;\n"])));
-var S_Title = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: white;\n  font-size: 20px;\n  margin-bottom: 8px;\n"], ["\n  color: white;\n  font-size: 20px;\n  margin-bottom: 8px;\n"])));
-var S_Desc = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: #d2d2d2;\n  font-size: 16px;\n"], ["\n  color: #d2d2d2;\n  font-size: 16px;\n"])));
-var S_Img = styled_components_1.default.img(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: 100%;\n  object-position: 50% 50%;\n  width: 100%;\n"], ["\n  height: 100%;\n  object-position: 50% 50%;\n  width: 100%;\n"])));
-var S_SwiperStyleWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  /** NOTE: Swiper\uAC00 \uC81C\uACF5\uD558\uB294 css \uD30C\uC77C\uC744 webpack \uC774\uC288\uB85C import\uD558\uC9C0 \uBABB\uD574\uC11C \uC784\uC2DC\uB85C \uB9CC\uB4E0 css wrapper\uC785\uB2C8\uB2E4.\n  * \uCC28\uD6C4 Webpack 5\uB85C \uB9C8\uC774\uADF8\uB808\uC774\uC158 \uB418\uB294 \uACBD\uC6B0 swiper \uD648\uD398\uC774\uC9C0\uC5D0\uC11C \uCD94\uCC9C\uD558\uB294 \uC0AC\uC6A9\uBC95\uC73C\uB85C \uC218\uC815\uC774 \uD544\uC694\uD569\uB2C8\uB2E4.\n  */\n\n  ", "\n  height: 100%;\n\n  .swiper {\n    height: 100%;\n  }\n\n  * {\n    pointer-events: 'none';\n  }\n"], ["\n  /** NOTE: Swiper\uAC00 \uC81C\uACF5\uD558\uB294 css \uD30C\uC77C\uC744 webpack \uC774\uC288\uB85C import\uD558\uC9C0 \uBABB\uD574\uC11C \uC784\uC2DC\uB85C \uB9CC\uB4E0 css wrapper\uC785\uB2C8\uB2E4.\n  * \uCC28\uD6C4 Webpack 5\uB85C \uB9C8\uC774\uADF8\uB808\uC774\uC158 \uB418\uB294 \uACBD\uC6B0 swiper \uD648\uD398\uC774\uC9C0\uC5D0\uC11C \uCD94\uCC9C\uD558\uB294 \uC0AC\uC6A9\uBC95\uC73C\uB85C \uC218\uC815\uC774 \uD544\uC694\uD569\uB2C8\uB2E4.\n  */\n\n  ", "\n  height: 100%;\n\n  .swiper {\n    height: 100%;\n  }\n\n  * {\n    pointer-events: 'none';\n  }\n"])), swiper_style_1.default);
-exports.default = ImageCarousel;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/Instagram.d.ts

@@ -1,7 +0,0 @@
-import type React from 'react';
-declare type InstagramProps = {
-    accountId: string;
-    style: React.CSSProperties;
-};
-declare function Instagram({ accountId, style }: InstagramProps): JSX.Element;
-export default Instagram;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/Instagram.js

@@ -1,19 +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");
-function Instagram(_a) {
-    var accountId = _a.accountId, style = _a.style;
-    return (0, jsx_runtime_1.jsxs)("div", __assign({ style: style }, { children: ["Instagram accountId: ", accountId] }), void 0);
-}
-exports.default = Instagram;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/RichText.d.ts

@@ -1,7 +0,0 @@
-import type React from 'react';
-export declare type RichTextComponentProp = {
-    text: string;
-    style: React.CSSProperties;
-};
-declare function RichText({ text, style }: RichTextComponentProp): JSX.Element;
-export default RichText;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/RichText.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var ComponentBlocks_1 = require("../../../../../DynamicLayout/components/ComponentBlocks");
-function RichText(_a) {
-    var text = _a.text, style = _a.style;
-    return (0, jsx_runtime_1.jsx)(ComponentBlocks_1.RichText, { text: text, style: style }, void 0);
-}
-exports.default = RichText;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/Text.d.ts

@@ -1,7 +0,0 @@
-import type React from 'react';
-export declare type TextComponentProp = {
-    text: string;
-    style: React.CSSProperties;
-};
-declare function Text({ text, style }: TextComponentProp): JSX.Element;
-export default Text;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/Text.js

@@ -1,29 +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 styled_components_1 = __importDefault(require("styled-components"));
-function Text(_a) {
-    var text = _a.text, style = _a.style;
-    return (0, jsx_runtime_1.jsx)(S_Text, __assign({ style: style }, { children: text }), void 0);
-}
-var S_Text = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n"], ["\n  height: 100%;\n  width: 100%;\n"])));
-exports.default = Text;
-var templateObject_1;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/Twitter.d.ts

@@ -1,7 +0,0 @@
-import type React from 'react';
-declare type TwitterProps = {
-    accountId: string;
-    style: React.CSSProperties;
-};
-declare function Twitter({ accountId, style }: TwitterProps): JSX.Element;
-export default Twitter;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/Twitter.js

@@ -1,30 +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 ComponentBlocks_1 = require("../../../../../DynamicLayout/components/ComponentBlocks");
-var styled_components_1 = __importDefault(require("styled-components"));
-function Twitter(_a) {
-    var accountId = _a.accountId, style = _a.style;
-    return ((0, jsx_runtime_1.jsx)(S_TwitterWrapper, __assign({ style: style }, { children: (0, jsx_runtime_1.jsx)(ComponentBlocks_1.TwitterTimeline, { width: 200, height: 400, userId: accountId, fallback: (0, jsx_runtime_1.jsxs)("div", { children: ["loading @", accountId, " feed"] }, void 0) }, void 0) }), void 0));
-}
-var S_TwitterWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  //NOTE: editmode;\n  height: 100%;\n  pointer-events: none;\n  width: 100%;\n"], ["\n  //NOTE: editmode;\n  height: 100%;\n  pointer-events: none;\n  width: 100%;\n"])));
-exports.default = Twitter;
-var templateObject_1;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/Youtube.d.ts

@@ -1,9 +0,0 @@
-import type React from 'react';
-export declare type YoutubeProps = {
-    url: string;
-    startAt: number;
-    endAt: number;
-    style: React.CSSProperties;
-};
-declare function Youtube({ url, startAt, endAt, style }: YoutubeProps): JSX.Element;
-export default Youtube;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/Youtube.js

@@ -1,38 +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 Youtube(_a) {
-    var url = _a.url, startAt = _a.startAt, endAt = _a.endAt, style = _a.style;
-    var id = YoutubeLinkParser.getId(url);
-    var src = YoutubeLinkParser.getEmbedUrl(url, startAt, endAt);
-    return (0, jsx_runtime_1.jsx)(S_Iframe, { title: id, src: src, style: style }, void 0);
-}
-var S_Iframe = styled_components_1.default.iframe(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  pointer-events: none;\n  width: 100%;\n"], ["\n  height: 100%;\n  pointer-events: none;\n  width: 100%;\n"])));
-exports.default = Youtube;
-var YoutubeLinkParser = /** @class */ (function () {
-    function YoutubeLinkParser() {
-    }
-    YoutubeLinkParser.getId = function (src) {
-        var _a;
-        var embedUrl = src.match(/youtube\.com.*(\?v=|\/embed\/)(.{11})/);
-        var shareUrl = src.match(/youtu.be\/(.{11})/);
-        var shortsUrl = src.match(/youtube\.com\/shorts\/(.{11})/);
-        return (_a = (embedUrl || shareUrl || shortsUrl)) === null || _a === void 0 ? void 0 : _a.pop();
-    };
-    YoutubeLinkParser.getThumbnailUrl = function (src) {
-        return "https://img.youtube.com/vi/" + YoutubeLinkParser.getId(src) + "/0.jpg";
-    };
-    YoutubeLinkParser.getEmbedUrl = function (src, start, end) {
-        return "https://www.youtube.com/embed/" + YoutubeLinkParser.getId(src) + "?start=" + start + "&end=" + end;
-    };
-    return YoutubeLinkParser;
-}());
-var templateObject_1;

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

@@ -1,9 +0,0 @@
-export { default as Text } from './Text';
-export { default as Image } from './Image';
-export { default as RichText } from './RichText';
-export { default as Button } from './Button';
-export { default as Instagram } from './Instagram';
-export { default as Twitter } from './Twitter';
-export { default as Divider } from './Divider';
-export { default as Youtube } from './Youtube';
-export { default as Accordion } from './Accordion';

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/index.js

@@ -1,24 +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.Accordion = exports.Youtube = exports.Divider = exports.Twitter = exports.Instagram = exports.Button = exports.RichText = exports.Image = exports.Text = void 0;
-var Text_1 = require("./Text");
-Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return __importDefault(Text_1).default; } });
-var Image_1 = require("./Image");
-Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return __importDefault(Image_1).default; } });
-var RichText_1 = require("./RichText");
-Object.defineProperty(exports, "RichText", { enumerable: true, get: function () { return __importDefault(RichText_1).default; } });
-var Button_1 = require("./Button");
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
-var Instagram_1 = require("./Instagram");
-Object.defineProperty(exports, "Instagram", { enumerable: true, get: function () { return __importDefault(Instagram_1).default; } });
-var Twitter_1 = require("./Twitter");
-Object.defineProperty(exports, "Twitter", { enumerable: true, get: function () { return __importDefault(Twitter_1).default; } });
-var Divider_1 = require("./Divider");
-Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return __importDefault(Divider_1).default; } });
-var Youtube_1 = require("./Youtube");
-Object.defineProperty(exports, "Youtube", { enumerable: true, get: function () { return __importDefault(Youtube_1).default; } });
-var Accordion_1 = require("./Accordion");
-Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return __importDefault(Accordion_1).default; } });

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

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

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/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.BlockMatcher = void 0;
-var BlockMatcher_1 = require("./BlockMatcher");
-Object.defineProperty(exports, "BlockMatcher", { enumerable: true, get: function () { return __importDefault(BlockMatcher_1).default; } });