pds-dev-kit-web-test 0.3.56 → 0.3.58

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/dist/src/desktop/components/BasicListItem/RightBox/MainButton.js +1 -2
  2. package/dist/src/desktop/components/BasicListItem/RightBox/Switch.js +1 -1
  3. package/dist/src/desktop/components/DynamicDesktopNavBar/blocks/SecondaryMenu.js +68 -3
  4. package/dist/src/desktop/components/DynamicDesktopNavBar/templates/DynamicDesktopNavBarTemplates.d.ts +0 -1
  5. package/dist/src/desktop/components/DynamicDesktopNavBar/templates/constants.d.ts +0 -1
  6. package/dist/src/desktop/components/DynamicDesktopNavBar/templates/constants.js +5 -6
  7. package/dist/src/mobile/components/BasicListItem/RightBox/MainButton.js +1 -2
  8. package/dist/src/mobile/components/BasicListItem/RightBox/Switch.js +1 -1
  9. package/dist/src/sub/DynamicLayout/pagesPreviewMock.d.ts +132 -4
  10. package/dist/src/sub/DynamicLayout/pagesPreviewMock.js +551 -10
  11. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +6 -2
  12. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/EmbedCore.d.ts +6 -0
  13. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/EmbedCore.js +24 -0
  14. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/Iframe.d.ts +5 -0
  15. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/Iframe.js +76 -0
  16. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/constant.d.ts +2 -0
  17. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/constant.js +26 -0
  18. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/sanitizeEmbedCode.d.ts +1 -0
  19. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/sanitizeEmbedCode.js +33 -0
  20. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/types.d.ts +6 -0
  21. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/types.js +2 -0
  22. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +9 -2
  23. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +1 -0
  24. package/package.json +1 -1
  25. package/release-note.md +4 -3
package/dist/src/desktop/components/BasicListItem/RightBox/MainButton.js CHANGED
@@ -1,10 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  var jsx_runtime_1 = require("react/jsx-runtime");
4
- var components_1 = require("../../../../hybrid/components");
5
4
  var MainButton_1 = require("../../MainButton");
6
5
  var MainButton = function (_a) {
7
6
  var text = _a.text, state = _a.state, fill = _a.fill, onClick = _a.onClick;
8
- return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(MainButton_1.MainButton, { text: text, state: state, fillType: fill ? 'fill' : 'line', size: "small", onClick: onClick }), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_c", spacingType: "width" })] }));
7
+ return ((0, jsx_runtime_1.jsx)(MainButton_1.MainButton, { text: text, state: state, fillType: fill ? 'fill' : 'line', size: "small", onClick: onClick }));
9
8
  };
10
9
  exports.default = MainButton;
package/dist/src/desktop/components/BasicListItem/RightBox/Switch.js CHANGED
@@ -12,7 +12,7 @@ var components_1 = require("../../../../hybrid/components");
12
12
  var styled_components_1 = __importDefault(require("styled-components"));
13
13
  var Switch = function (_a) {
14
14
  var name = _a.name, state = _a.state, status = _a.status, onClick = _a.onClick;
15
- return ((0, jsx_runtime_1.jsxs)(S_SwitchWrapper, { children: [(0, jsx_runtime_1.jsx)(components_1.Switch, { name: name, state: state, status: status, onClick: onClick }), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_c", spacingType: "width" })] }));
15
+ return ((0, jsx_runtime_1.jsx)(S_SwitchWrapper, { children: (0, jsx_runtime_1.jsx)(components_1.Switch, { name: name, state: state, status: status, onClick: onClick }) }));
16
16
  };
17
17
  var S_SwitchWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: flex-end;\n min-height: 32px;\n min-width: 68px;\n position: relative;\n right: 0;\n"], ["\n display: flex;\n justify-content: flex-end;\n min-height: 32px;\n min-width: 68px;\n position: relative;\n right: 0;\n"])));
18
18
  exports.default = Switch;
package/dist/src/desktop/components/DynamicDesktopNavBar/blocks/SecondaryMenu.js CHANGED
@@ -19,12 +19,77 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
19
19
  };
20
20
  Object.defineProperty(exports, "__esModule", { value: true });
21
21
  var jsx_runtime_1 = require("react/jsx-runtime");
22
+ var react_1 = require("react");
23
+ var smoothscroll_polyfill_1 = __importDefault(require("smoothscroll-polyfill"));
22
24
  var styled_components_1 = __importDefault(require("styled-components"));
25
+ var __1 = require("../../..");
26
+ var hooks_1 = require("../../../../common/hooks");
23
27
  var MenuItemNav_1 = require("../components/MenuItemNav");
28
+ // NOTE: safari-scroll-behavior-smooth polyfill
29
+ smoothscroll_polyfill_1.default.polyfill();
30
+ var DESKTOP_SCROLL_LEFT = 320;
24
31
  function SecondaryMenu(_a) {
25
32
  var menus = _a.menus, showMenuAsIcon = _a.showMenuAsIcon, style = _a.style;
26
- return ((0, jsx_runtime_1.jsx)(S_Main_SecondaryMenu, __assign({ style: style }, { children: menus.map(function (menu, index) { return ((0, jsx_runtime_1.jsx)(MenuItemNav_1.MenuItemNav, { menu: menu, showMenuAsIcon: showMenuAsIcon }, index)); }) })));
33
+ var _b = (0, react_1.useState)({ node: null }), primaryRef = _b[0], setPrimaryRef = _b[1];
34
+ var primaryCallbackRef = (0, react_1.useCallback)(function (node) {
35
+ if (!node) {
36
+ return;
37
+ }
38
+ setPrimaryRef({ node: node });
39
+ }, [menus]);
40
+ (0, react_1.useEffect)(function () {
41
+ if (!primaryRef.node) {
42
+ return;
43
+ }
44
+ primaryRef.node.addEventListener('wheel', handleScroll);
45
+ function handleScroll(e) {
46
+ if (primaryRef.node) {
47
+ primaryRef.node.scrollTo({ left: primaryRef.node.scrollLeft + e.deltaY });
48
+ }
49
+ }
50
+ return function () {
51
+ if (!primaryRef.node) {
52
+ return;
53
+ }
54
+ primaryRef.node.removeEventListener('scroll', handleScroll);
55
+ };
56
+ }, [primaryRef]);
57
+ var _c = (0, hooks_1.useDetectOverflow)(primaryRef, true), trigger = _c.trigger, isOverflow = _c.isOverflow, isScrollBoxStart = _c.isScrollBoxStart, isScrollBoxEnd = _c.isScrollBoxEnd;
58
+ var onClickLeftButton = function () {
59
+ primaryRef.node &&
60
+ primaryRef.node.scroll({
61
+ left: primaryRef.node.scrollLeft - DESKTOP_SCROLL_LEFT,
62
+ behavior: 'smooth'
63
+ });
64
+ };
65
+ var onClickRightButton = function () {
66
+ primaryRef.node &&
67
+ primaryRef.node.scroll({
68
+ left: primaryRef.node.scrollLeft + DESKTOP_SCROLL_LEFT,
69
+ behavior: 'smooth'
70
+ });
71
+ };
72
+ return ((0, jsx_runtime_1.jsxs)(S_SecondaryMenu, __assign({ style: style }, { children: [isOverflow && !isScrollBoxStart && ((0, jsx_runtime_1.jsx)(S_LeftButtonWrapper, { children: (0, jsx_runtime_1.jsx)(S_ButtonWrapper, { children: (0, jsx_runtime_1.jsx)(__1.D_IconButton, { fillType: "fill", baseSize: "medium", baseColorKey: "ui_menu_background", iconName: "ic_arrow_left", iconFillType: "line", iconColorKey: "ui_cpnt_button_icon_default", shapeType: "circular", iconSize: 20, onClick: onClickLeftButton }) }) })), (0, jsx_runtime_1.jsx)(S_Main_SecondaryMenu, __assign({ style: style, onScroll: function () { return trigger(); }, ref: primaryCallbackRef }, { children: menus.map(function (menu, index) { return ((0, jsx_runtime_1.jsx)(MenuItemNav_1.MenuItemNav, { menu: menu, showMenuAsIcon: showMenuAsIcon }, index)); }) })), isOverflow && !isScrollBoxEnd && ((0, jsx_runtime_1.jsx)(S_RightButtonWrapper, { children: (0, jsx_runtime_1.jsx)(S_ButtonWrapper, { children: (0, jsx_runtime_1.jsx)(__1.D_IconButton, { fillType: "fill", baseSize: "medium", baseColorKey: "ui_menu_background", iconName: "ic_arrow_right", iconFillType: "line", iconColorKey: "ui_cpnt_button_icon_default", shapeType: "circular", iconSize: 20, onClick: onClickRightButton }) }) }))] })));
27
73
  }
28
- var S_Main_SecondaryMenu = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n grid-area: SECONDARY_MENU;\n"], ["\n display: flex;\n grid-area: SECONDARY_MENU;\n"])));
74
+ var S_Main_SecondaryMenu = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n grid-area: SECONDARY_MENU;\n overflow-x: auto;\n overscroll-behavior-y: none;\n width: max-content;\n\n & > div:first-child {\n margin-left: 32px;\n }\n"], ["\n display: flex;\n grid-area: SECONDARY_MENU;\n overflow-x: auto;\n overscroll-behavior-y: none;\n width: max-content;\n\n & > div:first-child {\n margin-left: 32px;\n }\n"])));
75
+ var S_SecondaryMenu = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n height: 48px;\n max-height: 100%;\n max-width: 100%;\n overflow-x: hidden;\n overflow-y: hidden;\n position: relative;\n width: 100%;\n"], ["\n display: flex;\n height: 48px;\n max-height: 100%;\n max-width: 100%;\n overflow-x: hidden;\n overflow-y: hidden;\n position: relative;\n width: 100%;\n"])));
76
+ var S_RightButtonWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n height: 100%;\n position: absolute;\n right: 0;\n\n &::before {\n background: ", ";\n content: '';\n display: block;\n height: 100%;\n pointer-events: none;\n width: 50px;\n }\n"], ["\n align-items: center;\n display: flex;\n height: 100%;\n position: absolute;\n right: 0;\n\n &::before {\n background: ", ";\n content: '';\n display: block;\n height: 100%;\n pointer-events: none;\n width: 50px;\n }\n"])), function (_a) {
77
+ var theme = _a.theme;
78
+ return "linear-gradient(to left, ".concat(theme.ui_menu_background, " 10%, ").concat(theme.ui_cpnt_pg_gradient_02, " 90%)");
79
+ });
80
+ var S_LeftButtonWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n height: 100%;\n left: 0;\n position: absolute;\n\n &::after {\n background: ", ";\n content: '';\n display: block;\n height: 100%;\n pointer-events: none;\n width: 50px;\n }\n"], ["\n align-items: center;\n display: flex;\n height: 100%;\n left: 0;\n position: absolute;\n\n &::after {\n background: ", ";\n content: '';\n display: block;\n height: 100%;\n pointer-events: none;\n width: 50px;\n }\n"])), function (_a) {
81
+ var theme = _a.theme;
82
+ return "linear-gradient(to right, ".concat(theme.ui_menu_background, " 20%, ").concat(theme.ui_cpnt_pg_gradient_02, " 80%)");
83
+ });
84
+ var S_ButtonWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n display: flex;\n height: 50px;\n\n & > button {\n background-color: ", ";\n\n * path {\n stroke: ", ";\n }\n }\n"], ["\n align-items: center;\n background-color: ", ";\n display: flex;\n height: 50px;\n\n & > button {\n background-color: ", ";\n\n * path {\n stroke: ", ";\n }\n }\n"])), function (_a) {
85
+ var theme = _a.theme;
86
+ return theme.ui_menu_background;
87
+ }, function (_a) {
88
+ var theme = _a.theme;
89
+ return theme.ui_menu_button_base;
90
+ }, function (_a) {
91
+ var theme = _a.theme;
92
+ return theme.ui_temp_grey_02;
93
+ });
29
94
  exports.default = SecondaryMenu;
30
- var templateObject_1;
95
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
package/dist/src/desktop/components/DynamicDesktopNavBar/templates/DynamicDesktopNavBarTemplates.d.ts CHANGED
@@ -237,7 +237,6 @@ declare class DynamicDesktopNavBarTemplates {
237
237
  style: {
238
238
  width: string;
239
239
  justifyContent: string;
240
- paddingLeft: string;
241
240
  };
242
241
  };
243
242
  userProfileOptions: {
package/dist/src/desktop/components/DynamicDesktopNavBar/templates/constants.d.ts CHANGED
@@ -243,7 +243,6 @@ export declare const TEMPLATES_DATA: {
243
243
  style: {
244
244
  width: string;
245
245
  justifyContent: string;
246
- paddingLeft: string;
247
246
  };
248
247
  };
249
248
  userProfileOptions: {
package/dist/src/desktop/components/DynamicDesktopNavBar/templates/constants.js CHANGED
@@ -74,7 +74,7 @@ exports.TEMPLATES_DATA = {
74
74
  showSecondaryMenu: false,
75
75
  primaryMenuOptions: {
76
76
  showMenuAsIcon: false,
77
- maxLength: 5,
77
+ maxLength: 99,
78
78
  style: {
79
79
  justifyContent: 'flex-end'
80
80
  }
@@ -188,7 +188,7 @@ exports.TEMPLATES_DATA = {
188
188
  showSecondaryMenu: false,
189
189
  primaryMenuOptions: {
190
190
  showMenuAsIcon: false,
191
- maxLength: 5,
191
+ maxLength: 99,
192
192
  style: {
193
193
  justifyContent: 'flex-end'
194
194
  }
@@ -235,18 +235,17 @@ exports.TEMPLATES_DATA = {
235
235
  showSecondaryMenu: true,
236
236
  primaryMenuOptions: {
237
237
  showMenuAsIcon: false,
238
- maxLength: 3,
238
+ maxLength: 99,
239
239
  style: {
240
240
  justifyContent: 'right'
241
241
  }
242
242
  },
243
243
  secondaryMenuOptions: {
244
244
  showMenuAsIcon: false,
245
- maxLength: 2,
245
+ maxLength: 99,
246
246
  style: {
247
247
  width: '100%',
248
- justifyContent: 'left',
249
- paddingLeft: '32px'
248
+ justifyContent: 'left'
250
249
  }
251
250
  },
252
251
  userProfileOptions: {
package/dist/src/mobile/components/BasicListItem/RightBox/MainButton.js CHANGED
@@ -1,10 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  var jsx_runtime_1 = require("react/jsx-runtime");
4
- var components_1 = require("../../../../hybrid/components");
5
4
  var MainButton_1 = require("../../MainButton");
6
5
  var MainButton = function (_a) {
7
6
  var text = _a.text, state = _a.state, fill = _a.fill, onClick = _a.onClick;
8
- return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(MainButton_1.MainButton, { text: text, state: state, fillType: fill ? 'fill' : 'line', size: "small", onClick: onClick }), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_c", spacingType: "width" })] }));
7
+ return ((0, jsx_runtime_1.jsx)(MainButton_1.MainButton, { text: text, state: state, fillType: fill ? 'fill' : 'line', size: "small", onClick: onClick }));
9
8
  };
10
9
  exports.default = MainButton;
package/dist/src/mobile/components/BasicListItem/RightBox/Switch.js CHANGED
@@ -12,7 +12,7 @@ var components_1 = require("../../../../hybrid/components");
12
12
  var styled_components_1 = __importDefault(require("styled-components"));
13
13
  var Switch = function (_a) {
14
14
  var name = _a.name, state = _a.state, status = _a.status, onClick = _a.onClick;
15
- return ((0, jsx_runtime_1.jsxs)(S_SwitchWrapper, { children: [(0, jsx_runtime_1.jsx)(components_1.Switch, { name: name, state: state, status: status, onClick: onClick }), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_c", spacingType: "width" })] }));
15
+ return ((0, jsx_runtime_1.jsx)(S_SwitchWrapper, { children: (0, jsx_runtime_1.jsx)(components_1.Switch, { name: name, state: state, status: status, onClick: onClick }) }));
16
16
  };
17
17
  var S_SwitchWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: flex-end;\n min-height: 32px;\n min-width: 68px;\n position: relative;\n right: 0;\n"], ["\n display: flex;\n justify-content: flex-end;\n min-height: 32px;\n min-width: 68px;\n position: relative;\n right: 0;\n"])));
18
18
  exports.default = Switch;
package/dist/src/sub/DynamicLayout/pagesPreviewMock.d.ts CHANGED
@@ -1,3 +1,9 @@
1
+ export declare const EMBEDED_SAMPLES: {
2
+ GOOGLE_MAPS: string;
3
+ GOOGLE_FORMS: string;
4
+ SCRIPT: string;
5
+ DIV: string;
6
+ };
1
7
  export declare const sampleCustomsection1: {
2
8
  administrativeTitle: string;
3
9
  appearanceTemplate: string;
@@ -2092,6 +2098,120 @@ export declare const sampleCustomsection5: {
2092
2098
  administrativeTitle: string;
2093
2099
  appearanceTemplate: string;
2094
2100
  componentBlocks: ({
2101
+ availablePlugins: never[];
2102
+ componentBlockCode: string;
2103
+ componentBlockType: string;
2104
+ dynamicLayoutSectionId: number;
2105
+ id: number;
2106
+ insertedAt: string;
2107
+ jsonProperties: {
2108
+ currentVersion: string;
2109
+ data: {
2110
+ CB_CONTENT_PROP_HOVER: {
2111
+ CB_CONTENT_PROP_HOVER_SPEC_MUSE: boolean;
2112
+ };
2113
+ CB_CONTENT_PROP_TWITTER: {
2114
+ CB_CONTENT_PROP_TWITTER_SPEC_SRC: string;
2115
+ };
2116
+ CB_CONTENT_PROP_VISIBILITY: {
2117
+ CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: boolean;
2118
+ CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: boolean;
2119
+ };
2120
+ CB_EFFECT_PROP_ENTANIM: {
2121
+ CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: string;
2122
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': string;
2123
+ CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: number;
2124
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null;
2125
+ CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: number;
2126
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null;
2127
+ CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: string;
2128
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null;
2129
+ };
2130
+ CB_LAYOUT_PROP_ARRANGE: {
2131
+ CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: string;
2132
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': string;
2133
+ CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: null;
2134
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null;
2135
+ };
2136
+ CB_LAYOUT_PROP_PADDING: {
2137
+ CB_LAYOUT_PROP_PADDING_SPEC_FIX: boolean;
2138
+ 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null;
2139
+ CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
2140
+ bottom: number;
2141
+ left: number;
2142
+ right: number;
2143
+ top: number;
2144
+ };
2145
+ 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null;
2146
+ };
2147
+ CB_PLACEMENT_PROP_PLACEMENT: {
2148
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: number;
2149
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': number;
2150
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: number;
2151
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': number;
2152
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: number;
2153
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': number;
2154
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: number;
2155
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': number;
2156
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: number;
2157
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': number;
2158
+ };
2159
+ CB_STYLE_PROP_OPACITY: {
2160
+ CB_STYLE_PROP_OPACITY_SPEC_OPACITY: number;
2161
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': number;
2162
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null;
2163
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null;
2164
+ };
2165
+ CB_STYLE_PROP_SHADOW: {
2166
+ CB_STYLE_PROP_SHADOW_SPEC_BLUR: number;
2167
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': number;
2168
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null;
2169
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null;
2170
+ CB_STYLE_PROP_SHADOW_SPEC_COLOR: string;
2171
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': string;
2172
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null;
2173
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null;
2174
+ CB_STYLE_PROP_SHADOW_SPEC_OPACITY: number;
2175
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': number;
2176
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null;
2177
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null;
2178
+ CB_STYLE_PROP_SHADOW_SPEC_SPREAD: number;
2179
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': number;
2180
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null;
2181
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null;
2182
+ CB_STYLE_PROP_SHADOW_SPEC_TYPE: string;
2183
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': string;
2184
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null;
2185
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null;
2186
+ CB_STYLE_PROP_SHADOW_SPEC_X: number;
2187
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': number;
2188
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null;
2189
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null;
2190
+ CB_STYLE_PROP_SHADOW_SPEC_Y: number;
2191
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': number;
2192
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null;
2193
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null;
2194
+ };
2195
+ CB_STYLE_PROP_TWITTER: {
2196
+ CB_STYLE_PROP_TWITTER_SPEC_THEME: string;
2197
+ 'CB_STYLE_PROP_TWITTER_SPEC_THEME:MOBILE': null;
2198
+ };
2199
+ CB_EFFECT_PROP_HOVERANIM?: undefined;
2200
+ CB_STYLE_PROP_DIVIDER?: undefined;
2201
+ CB_CONTENT_PROP_CLINK?: undefined;
2202
+ CB_CONTENT_PROP_TEXT?: undefined;
2203
+ CB_STYLE_PROP_BORDER?: undefined;
2204
+ CB_STYLE_PROP_BTNCOLOR?: undefined;
2205
+ CB_STYLE_PROP_BTNTEXT?: undefined;
2206
+ CB_STYLE_PROP_TEXT?: undefined;
2207
+ };
2208
+ minVersion: string;
2209
+ version: string;
2210
+ };
2211
+ queryableDefinitionPreset: string;
2212
+ queryableTapSrc: string;
2213
+ updatedAt: string;
2214
+ } | {
2095
2215
  availablePlugins: never[];
2096
2216
  componentBlockCode: string;
2097
2217
  componentBlockType: string;
@@ -2171,13 +2291,15 @@ export declare const sampleCustomsection5: {
2171
2291
  'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:MOBILE': null;
2172
2292
  'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:MOBILE:HOVER': null;
2173
2293
  };
2294
+ CB_CONTENT_PROP_TWITTER?: undefined;
2295
+ CB_STYLE_PROP_OPACITY?: undefined;
2296
+ CB_STYLE_PROP_SHADOW?: undefined;
2297
+ CB_STYLE_PROP_TWITTER?: undefined;
2174
2298
  CB_CONTENT_PROP_CLINK?: undefined;
2175
2299
  CB_CONTENT_PROP_TEXT?: undefined;
2176
2300
  CB_STYLE_PROP_BORDER?: undefined;
2177
2301
  CB_STYLE_PROP_BTNCOLOR?: undefined;
2178
2302
  CB_STYLE_PROP_BTNTEXT?: undefined;
2179
- CB_STYLE_PROP_OPACITY?: undefined;
2180
- CB_STYLE_PROP_SHADOW?: undefined;
2181
2303
  CB_STYLE_PROP_TEXT?: undefined;
2182
2304
  };
2183
2305
  minVersion: string;
@@ -2386,7 +2508,9 @@ export declare const sampleCustomsection5: {
2386
2508
  'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null;
2387
2509
  'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null;
2388
2510
  };
2511
+ CB_CONTENT_PROP_TWITTER?: undefined;
2389
2512
  CB_LAYOUT_PROP_ARRANGE?: undefined;
2513
+ CB_STYLE_PROP_TWITTER?: undefined;
2390
2514
  CB_STYLE_PROP_DIVIDER?: undefined;
2391
2515
  CB_STYLE_PROP_TEXT?: undefined;
2392
2516
  };
@@ -2505,12 +2629,14 @@ export declare const sampleCustomsection5: {
2505
2629
  'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': null;
2506
2630
  'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': null;
2507
2631
  };
2632
+ CB_CONTENT_PROP_TWITTER?: undefined;
2508
2633
  CB_LAYOUT_PROP_ARRANGE?: undefined;
2634
+ CB_STYLE_PROP_SHADOW?: undefined;
2635
+ CB_STYLE_PROP_TWITTER?: undefined;
2509
2636
  CB_STYLE_PROP_DIVIDER?: undefined;
2510
2637
  CB_STYLE_PROP_BORDER?: undefined;
2511
2638
  CB_STYLE_PROP_BTNCOLOR?: undefined;
2512
2639
  CB_STYLE_PROP_BTNTEXT?: undefined;
2513
- CB_STYLE_PROP_SHADOW?: undefined;
2514
2640
  };
2515
2641
  minVersion: string;
2516
2642
  version: string;
@@ -2627,12 +2753,14 @@ export declare const sampleCustomsection5: {
2627
2753
  'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': number;
2628
2754
  'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': null;
2629
2755
  };
2756
+ CB_CONTENT_PROP_TWITTER?: undefined;
2630
2757
  CB_LAYOUT_PROP_ARRANGE?: undefined;
2758
+ CB_STYLE_PROP_SHADOW?: undefined;
2759
+ CB_STYLE_PROP_TWITTER?: undefined;
2631
2760
  CB_STYLE_PROP_DIVIDER?: undefined;
2632
2761
  CB_STYLE_PROP_BORDER?: undefined;
2633
2762
  CB_STYLE_PROP_BTNCOLOR?: undefined;
2634
2763
  CB_STYLE_PROP_BTNTEXT?: undefined;
2635
- CB_STYLE_PROP_SHADOW?: undefined;
2636
2764
  };
2637
2765
  minVersion: string;
2638
2766
  version: string;
package/dist/src/sub/DynamicLayout/pagesPreviewMock.js CHANGED
@@ -1,6 +1,12 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.sampleCustomsection6 = exports.sampleCustomsection5 = exports.sampleCustomsection4 = exports.sampleCustomsection3 = exports.sampleCustomsection2 = exports.sampleCustomsection1 = void 0;
3
+ exports.sampleCustomsection6 = exports.sampleCustomsection5 = exports.sampleCustomsection4 = exports.sampleCustomsection3 = exports.sampleCustomsection2 = exports.sampleCustomsection1 = exports.EMBEDED_SAMPLES = void 0;
4
+ exports.EMBEDED_SAMPLES = {
5
+ GOOGLE_MAPS: '<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d508.40856699559515!2d127.04604546611074!3d37.5412884534309!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca484b232aab9%3A0x3016af9babd6093e!2z7ISc7Jq47Yq567OE7IucIOyEseuPmeq1rCDrmp3shKzroZwgMzE3!5e0!3m2!1sko!2skr!4v1690098445797!5m2!1sko!2skr" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>',
6
+ GOOGLE_FORMS: '<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSeXlFI2qpbGOGQ5Zvk3JkkJXo0qsznrpjjIutpk9nGfpPFCIA/viewform?embedded=true" width="640" height="2816" frameborder="0" marginheight="0" marginwidth="0">로드 중…</iframe>',
7
+ SCRIPT: '<div class="whattime-inline-widget" data-code="9WVUWfsUhi" style="min-width: 320px; height: 690px;"></div><link href="https://whattime.co.kr/widget/widget.css" rel="stylesheet"><script src="https://whattime.co.kr/widget/widget.js" type="text/javascript" async></script>',
8
+ DIV: '<div style="background-color: black"><button>sample-button</button></div>'
9
+ };
4
10
  exports.sampleCustomsection1 = {
5
11
  administrativeTitle: 'UNTITLED',
6
12
  appearanceTemplate: 'CUSTOM',
@@ -795,7 +801,7 @@ exports.sampleCustomsection1 = {
795
801
  CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
796
802
  },
797
803
  CB_CONTENT_PROP_TWITTER: {
798
- CB_CONTENT_PROP_TWITTER_SPEC_SRC: 'https://twitter.com/elonmusk'
804
+ CB_CONTENT_PROP_TWITTER_SPEC_SRC: 'https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3163.582901324292!2d127.04366437732958!3d37.54132837204527!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca49ca70e5131%3A0xa8d2e5d6aaa2002b!2zKOyjvCntgqTtgbTroa3siqQ!5e0!3m2!1sko!2skr!4v1710299569280!5m2!1sko!2skr'
799
805
  },
800
806
  CB_CONTENT_PROP_VISIBILITY: {
801
807
  CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
@@ -829,14 +835,14 @@ exports.sampleCustomsection1 = {
829
835
  'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
830
836
  },
831
837
  CB_PLACEMENT_PROP_PLACEMENT: {
832
- CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 2,
833
- 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 3,
834
- CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 3,
835
- 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 2,
836
- CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 3,
837
- 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 2,
838
- CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 3,
839
- 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 2,
838
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 10,
839
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
840
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 20,
841
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 20,
842
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 0,
843
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
844
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 0,
845
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 0,
840
846
  CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 3,
841
847
  'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 2
842
848
  },
@@ -2013,6 +2019,541 @@ exports.sampleCustomsection5 = {
2013
2019
  administrativeTitle: 'Monetize-4 (payment)',
2014
2020
  appearanceTemplate: 'GENERAL_A',
2015
2021
  componentBlocks: [
2022
+ {
2023
+ availablePlugins: [],
2024
+ componentBlockCode: 'CB_IFRAME',
2025
+ componentBlockType: 'GENERAL',
2026
+ dynamicLayoutSectionId: 39541,
2027
+ id: 1200,
2028
+ insertedAt: '2023-08-06T13:30:47',
2029
+ jsonProperties: {
2030
+ currentVersion: '2023-08-03',
2031
+ data: {
2032
+ CB_CONTENT_PROP_HOVER: {
2033
+ CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
2034
+ },
2035
+ CB_CONTENT_PROP_TWITTER: {
2036
+ CB_CONTENT_PROP_TWITTER_SPEC_SRC: exports.EMBEDED_SAMPLES.DIV
2037
+ },
2038
+ CB_CONTENT_PROP_VISIBILITY: {
2039
+ CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
2040
+ CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
2041
+ },
2042
+ CB_EFFECT_PROP_ENTANIM: {
2043
+ CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'SLIDEINLEFT',
2044
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'HEARTBEAT',
2045
+ CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 1,
2046
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
2047
+ CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
2048
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
2049
+ CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
2050
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null
2051
+ },
2052
+ CB_LAYOUT_PROP_ARRANGE: {
2053
+ CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
2054
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': 'MIDDLE',
2055
+ CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: null,
2056
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null
2057
+ },
2058
+ CB_LAYOUT_PROP_PADDING: {
2059
+ CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
2060
+ 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
2061
+ CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
2062
+ bottom: 0,
2063
+ left: 0,
2064
+ right: 0,
2065
+ top: 0
2066
+ },
2067
+ 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
2068
+ },
2069
+ CB_PLACEMENT_PROP_PLACEMENT: {
2070
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 10,
2071
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
2072
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 20,
2073
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 20,
2074
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 0,
2075
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
2076
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 0,
2077
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 0,
2078
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 3,
2079
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 2
2080
+ },
2081
+ CB_STYLE_PROP_OPACITY: {
2082
+ CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
2083
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 95,
2084
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
2085
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
2086
+ },
2087
+ CB_STYLE_PROP_SHADOW: {
2088
+ CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
2089
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': 24,
2090
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null,
2091
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
2092
+ CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#00000000',
2093
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#00000000',
2094
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null,
2095
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null,
2096
+ CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
2097
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': 30,
2098
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null,
2099
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null,
2100
+ CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
2101
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': 2,
2102
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null,
2103
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null,
2104
+ CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'NONE',
2105
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': 'OUTSET',
2106
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null,
2107
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null,
2108
+ CB_STYLE_PROP_SHADOW_SPEC_X: 0,
2109
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': 0,
2110
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null,
2111
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null,
2112
+ CB_STYLE_PROP_SHADOW_SPEC_Y: 12,
2113
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': 12,
2114
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
2115
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
2116
+ },
2117
+ CB_STYLE_PROP_TWITTER: {
2118
+ CB_STYLE_PROP_TWITTER_SPEC_THEME: 'LIGHT',
2119
+ 'CB_STYLE_PROP_TWITTER_SPEC_THEME:MOBILE': null
2120
+ }
2121
+ },
2122
+ minVersion: '2023-08-03',
2123
+ version: '2023-08-03'
2124
+ },
2125
+ queryableDefinitionPreset: 'N/A',
2126
+ queryableTapSrc: 'N/A',
2127
+ updatedAt: '2023-08-06T13:30:49'
2128
+ },
2129
+ {
2130
+ availablePlugins: [],
2131
+ componentBlockCode: 'CB_IFRAME',
2132
+ componentBlockType: 'GENERAL',
2133
+ dynamicLayoutSectionId: 39541,
2134
+ id: 1201,
2135
+ insertedAt: '2023-08-06T13:30:47',
2136
+ jsonProperties: {
2137
+ currentVersion: '2023-08-03',
2138
+ data: {
2139
+ CB_CONTENT_PROP_HOVER: {
2140
+ CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
2141
+ },
2142
+ CB_CONTENT_PROP_TWITTER: {
2143
+ CB_CONTENT_PROP_TWITTER_SPEC_SRC: exports.EMBEDED_SAMPLES.GOOGLE_MAPS
2144
+ },
2145
+ CB_CONTENT_PROP_VISIBILITY: {
2146
+ CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
2147
+ CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
2148
+ },
2149
+ CB_EFFECT_PROP_ENTANIM: {
2150
+ CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'SLIDEINLEFT',
2151
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'HEARTBEAT',
2152
+ CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 1,
2153
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
2154
+ CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
2155
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
2156
+ CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
2157
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null
2158
+ },
2159
+ CB_LAYOUT_PROP_ARRANGE: {
2160
+ CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
2161
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': 'MIDDLE',
2162
+ CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: null,
2163
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null
2164
+ },
2165
+ CB_LAYOUT_PROP_PADDING: {
2166
+ CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
2167
+ 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
2168
+ CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
2169
+ bottom: 0,
2170
+ left: 0,
2171
+ right: 0,
2172
+ top: 0
2173
+ },
2174
+ 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
2175
+ },
2176
+ CB_PLACEMENT_PROP_PLACEMENT: {
2177
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 10,
2178
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
2179
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 20,
2180
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 20,
2181
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 0,
2182
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
2183
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 20,
2184
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 0,
2185
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 3,
2186
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 2
2187
+ },
2188
+ CB_STYLE_PROP_OPACITY: {
2189
+ CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
2190
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 95,
2191
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
2192
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
2193
+ },
2194
+ CB_STYLE_PROP_SHADOW: {
2195
+ CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
2196
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': 24,
2197
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null,
2198
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
2199
+ CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#00000000',
2200
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#00000000',
2201
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null,
2202
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null,
2203
+ CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
2204
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': 30,
2205
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null,
2206
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null,
2207
+ CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
2208
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': 2,
2209
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null,
2210
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null,
2211
+ CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'NONE',
2212
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': 'OUTSET',
2213
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null,
2214
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null,
2215
+ CB_STYLE_PROP_SHADOW_SPEC_X: 0,
2216
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': 0,
2217
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null,
2218
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null,
2219
+ CB_STYLE_PROP_SHADOW_SPEC_Y: 12,
2220
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': 12,
2221
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
2222
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
2223
+ },
2224
+ CB_STYLE_PROP_TWITTER: {
2225
+ CB_STYLE_PROP_TWITTER_SPEC_THEME: 'LIGHT',
2226
+ 'CB_STYLE_PROP_TWITTER_SPEC_THEME:MOBILE': null
2227
+ }
2228
+ },
2229
+ minVersion: '2023-08-03',
2230
+ version: '2023-08-03'
2231
+ },
2232
+ queryableDefinitionPreset: 'N/A',
2233
+ queryableTapSrc: 'N/A',
2234
+ updatedAt: '2023-08-06T13:30:49'
2235
+ },
2236
+ {
2237
+ availablePlugins: [],
2238
+ componentBlockCode: 'CB_IFRAME',
2239
+ componentBlockType: 'GENERAL',
2240
+ dynamicLayoutSectionId: 39541,
2241
+ id: 1202,
2242
+ insertedAt: '2023-08-06T13:30:47',
2243
+ jsonProperties: {
2244
+ currentVersion: '2023-08-03',
2245
+ data: {
2246
+ CB_CONTENT_PROP_HOVER: {
2247
+ CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
2248
+ },
2249
+ CB_CONTENT_PROP_TWITTER: {
2250
+ CB_CONTENT_PROP_TWITTER_SPEC_SRC: exports.EMBEDED_SAMPLES.SCRIPT
2251
+ },
2252
+ CB_CONTENT_PROP_VISIBILITY: {
2253
+ CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
2254
+ CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
2255
+ },
2256
+ CB_EFFECT_PROP_ENTANIM: {
2257
+ CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'SLIDEINLEFT',
2258
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'HEARTBEAT',
2259
+ CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 1,
2260
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
2261
+ CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
2262
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
2263
+ CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
2264
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null
2265
+ },
2266
+ CB_LAYOUT_PROP_ARRANGE: {
2267
+ CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
2268
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': 'MIDDLE',
2269
+ CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: null,
2270
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null
2271
+ },
2272
+ CB_LAYOUT_PROP_PADDING: {
2273
+ CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
2274
+ 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
2275
+ CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
2276
+ bottom: 0,
2277
+ left: 0,
2278
+ right: 0,
2279
+ top: 0
2280
+ },
2281
+ 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
2282
+ },
2283
+ CB_PLACEMENT_PROP_PLACEMENT: {
2284
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 10,
2285
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
2286
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 20,
2287
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 20,
2288
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 10,
2289
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
2290
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 0,
2291
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 0,
2292
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 3,
2293
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 2
2294
+ },
2295
+ CB_STYLE_PROP_OPACITY: {
2296
+ CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
2297
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 95,
2298
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
2299
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
2300
+ },
2301
+ CB_STYLE_PROP_SHADOW: {
2302
+ CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
2303
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': 24,
2304
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null,
2305
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
2306
+ CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#00000000',
2307
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#00000000',
2308
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null,
2309
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null,
2310
+ CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
2311
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': 30,
2312
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null,
2313
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null,
2314
+ CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
2315
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': 2,
2316
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null,
2317
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null,
2318
+ CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'NONE',
2319
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': 'OUTSET',
2320
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null,
2321
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null,
2322
+ CB_STYLE_PROP_SHADOW_SPEC_X: 0,
2323
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': 0,
2324
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null,
2325
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null,
2326
+ CB_STYLE_PROP_SHADOW_SPEC_Y: 12,
2327
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': 12,
2328
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
2329
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
2330
+ },
2331
+ CB_STYLE_PROP_TWITTER: {
2332
+ CB_STYLE_PROP_TWITTER_SPEC_THEME: 'LIGHT',
2333
+ 'CB_STYLE_PROP_TWITTER_SPEC_THEME:MOBILE': null
2334
+ }
2335
+ },
2336
+ minVersion: '2023-08-03',
2337
+ version: '2023-08-03'
2338
+ },
2339
+ queryableDefinitionPreset: 'N/A',
2340
+ queryableTapSrc: 'N/A',
2341
+ updatedAt: '2023-08-06T13:30:49'
2342
+ },
2343
+ // {
2344
+ // availablePlugins: [],
2345
+ // componentBlockCode: 'CB_IFRAME',
2346
+ // componentBlockType: 'GENERAL',
2347
+ // dynamicLayoutSectionId: 39541,
2348
+ // id: 1203,
2349
+ // insertedAt: '2023-08-06T13:30:47',
2350
+ // jsonProperties: {
2351
+ // currentVersion: '2023-08-03',
2352
+ // data: {
2353
+ // CB_CONTENT_PROP_HOVER: {
2354
+ // CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
2355
+ // },
2356
+ // CB_CONTENT_PROP_TWITTER: {
2357
+ // CB_CONTENT_PROP_TWITTER_SPEC_SRC: EMBEDED_SAMPLES.GOOGLE_FORMS
2358
+ // },
2359
+ // CB_CONTENT_PROP_VISIBILITY: {
2360
+ // CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
2361
+ // CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
2362
+ // },
2363
+ // CB_EFFECT_PROP_ENTANIM: {
2364
+ // CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'SLIDEINLEFT',
2365
+ // 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'HEARTBEAT',
2366
+ // CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 1,
2367
+ // 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
2368
+ // CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
2369
+ // 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
2370
+ // CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
2371
+ // 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null
2372
+ // },
2373
+ // CB_LAYOUT_PROP_ARRANGE: {
2374
+ // CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
2375
+ // 'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': 'MIDDLE',
2376
+ // CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: null,
2377
+ // 'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null
2378
+ // },
2379
+ // CB_LAYOUT_PROP_PADDING: {
2380
+ // CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
2381
+ // 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
2382
+ // CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
2383
+ // bottom: 0,
2384
+ // left: 0,
2385
+ // right: 0,
2386
+ // top: 0
2387
+ // },
2388
+ // 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
2389
+ // },
2390
+ // CB_PLACEMENT_PROP_PLACEMENT: {
2391
+ // CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 10,
2392
+ // 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
2393
+ // CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 20,
2394
+ // 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 20,
2395
+ // CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 10,
2396
+ // 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
2397
+ // CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 0,
2398
+ // 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 0,
2399
+ // CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 3,
2400
+ // 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 2
2401
+ // },
2402
+ // CB_STYLE_PROP_OPACITY: {
2403
+ // CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
2404
+ // 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 95,
2405
+ // 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
2406
+ // 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
2407
+ // },
2408
+ // CB_STYLE_PROP_SHADOW: {
2409
+ // CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
2410
+ // 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': 24,
2411
+ // 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null,
2412
+ // 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
2413
+ // CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#00000000',
2414
+ // 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#00000000',
2415
+ // 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null,
2416
+ // 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null,
2417
+ // CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
2418
+ // 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': 30,
2419
+ // 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null,
2420
+ // 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null,
2421
+ // CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
2422
+ // 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': 2,
2423
+ // 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null,
2424
+ // 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null,
2425
+ // CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'NONE',
2426
+ // 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': 'OUTSET',
2427
+ // 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null,
2428
+ // 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null,
2429
+ // CB_STYLE_PROP_SHADOW_SPEC_X: 0,
2430
+ // 'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': 0,
2431
+ // 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null,
2432
+ // 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null,
2433
+ // CB_STYLE_PROP_SHADOW_SPEC_Y: 12,
2434
+ // 'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': 12,
2435
+ // 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
2436
+ // 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
2437
+ // },
2438
+ // CB_STYLE_PROP_TWITTER: {
2439
+ // CB_STYLE_PROP_TWITTER_SPEC_THEME: 'LIGHT',
2440
+ // 'CB_STYLE_PROP_TWITTER_SPEC_THEME:MOBILE': null
2441
+ // }
2442
+ // },
2443
+ // minVersion: '2023-08-03',
2444
+ // version: '2023-08-03'
2445
+ // },
2446
+ // queryableDefinitionPreset: 'N/A',
2447
+ // queryableTapSrc: 'N/A',
2448
+ // updatedAt: '2023-08-06T13:30:49'
2449
+ // },
2450
+ // {
2451
+ // availablePlugins: [],
2452
+ // componentBlockCode: 'CB_IFRAME',
2453
+ // componentBlockType: 'GENERAL',
2454
+ // dynamicLayoutSectionId: 39541,
2455
+ // id: 1204,
2456
+ // insertedAt: '2023-08-06T13:30:47',
2457
+ // jsonProperties: {
2458
+ // currentVersion: '2023-08-03',
2459
+ // data: {
2460
+ // CB_CONTENT_PROP_HOVER: {
2461
+ // CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
2462
+ // },
2463
+ // CB_CONTENT_PROP_TWITTER: {
2464
+ // CB_CONTENT_PROP_TWITTER_SPEC_SRC: EMBEDED_SAMPLES.GOOGLE_FORMS
2465
+ // },
2466
+ // CB_CONTENT_PROP_VISIBILITY: {
2467
+ // CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
2468
+ // CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
2469
+ // },
2470
+ // CB_EFFECT_PROP_ENTANIM: {
2471
+ // CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'SLIDEINLEFT',
2472
+ // 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'HEARTBEAT',
2473
+ // CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 1,
2474
+ // 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
2475
+ // CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
2476
+ // 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
2477
+ // CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
2478
+ // 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null
2479
+ // },
2480
+ // CB_LAYOUT_PROP_ARRANGE: {
2481
+ // CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
2482
+ // 'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': 'MIDDLE',
2483
+ // CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: null,
2484
+ // 'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null
2485
+ // },
2486
+ // CB_LAYOUT_PROP_PADDING: {
2487
+ // CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
2488
+ // 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
2489
+ // CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
2490
+ // bottom: 0,
2491
+ // left: 0,
2492
+ // right: 0,
2493
+ // top: 0
2494
+ // },
2495
+ // 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
2496
+ // },
2497
+ // CB_PLACEMENT_PROP_PLACEMENT: {
2498
+ // CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 10,
2499
+ // 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
2500
+ // CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 20,
2501
+ // 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 20,
2502
+ // CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 10,
2503
+ // 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
2504
+ // CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 0,
2505
+ // 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 0,
2506
+ // CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 3,
2507
+ // 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 2
2508
+ // },
2509
+ // CB_STYLE_PROP_OPACITY: {
2510
+ // CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
2511
+ // 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 95,
2512
+ // 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
2513
+ // 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
2514
+ // },
2515
+ // CB_STYLE_PROP_SHADOW: {
2516
+ // CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
2517
+ // 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': 24,
2518
+ // 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null,
2519
+ // 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
2520
+ // CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#00000000',
2521
+ // 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#00000000',
2522
+ // 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null,
2523
+ // 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null,
2524
+ // CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
2525
+ // 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': 30,
2526
+ // 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null,
2527
+ // 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null,
2528
+ // CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
2529
+ // 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': 2,
2530
+ // 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null,
2531
+ // 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null,
2532
+ // CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'NONE',
2533
+ // 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': 'OUTSET',
2534
+ // 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null,
2535
+ // 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null,
2536
+ // CB_STYLE_PROP_SHADOW_SPEC_X: 0,
2537
+ // 'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': 0,
2538
+ // 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null,
2539
+ // 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null,
2540
+ // CB_STYLE_PROP_SHADOW_SPEC_Y: 12,
2541
+ // 'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': 12,
2542
+ // 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
2543
+ // 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
2544
+ // },
2545
+ // CB_STYLE_PROP_TWITTER: {
2546
+ // CB_STYLE_PROP_TWITTER_SPEC_THEME: 'LIGHT',
2547
+ // 'CB_STYLE_PROP_TWITTER_SPEC_THEME:MOBILE': null
2548
+ // }
2549
+ // },
2550
+ // minVersion: '2023-08-03',
2551
+ // version: '2023-08-03'
2552
+ // },
2553
+ // queryableDefinitionPreset: 'N/A',
2554
+ // queryableTapSrc: 'N/A',
2555
+ // updatedAt: '2023-08-06T13:30:49'
2556
+ // },
2016
2557
  {
2017
2558
  availablePlugins: [],
2018
2559
  componentBlockCode: 'CB_DIVIDER',
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js CHANGED
@@ -20,10 +20,11 @@ var newUtils_1 = require("../../newUtils");
20
20
  var types_1 = require("../../types");
21
21
  var Button_1 = __importDefault(require("./componentBlocks/Button/Button"));
22
22
  var Divider_1 = __importDefault(require("./componentBlocks/Divider/Divider"));
23
+ var Iframe_1 = __importDefault(require("./componentBlocks/Iframe/Iframe"));
23
24
  var Image_1 = __importDefault(require("./componentBlocks/Image/Image"));
24
25
  var RichText_1 = require("./componentBlocks/RichText");
25
26
  var Text_1 = __importDefault(require("./componentBlocks/Text/Text"));
26
- var Twitter_1 = __importDefault(require("./componentBlocks/Twitter/Twitter"));
27
+ // import Twitter from './componentBlocks/Twitter/Twitter';
27
28
  var Youtube_1 = require("./componentBlocks/Youtube");
28
29
  function ComponentBlockMatcher(_a) {
29
30
  var cbProps = _a.cbProps, device = _a.device, index = _a.index;
@@ -41,9 +42,12 @@ function ComponentBlockMatcher(_a) {
41
42
  case types_1.CB_ALL_CODES.CB_IMG:
42
43
  return (0, jsx_runtime_1.jsx)(Image_1.default, __assign({}, propsWithValue, { index: index }));
43
44
  case types_1.CB_ALL_CODES.CB_TWITTER:
44
- return (0, jsx_runtime_1.jsx)(Twitter_1.default, __assign({}, propsWithValue, { index: index }));
45
+ return (0, jsx_runtime_1.jsx)(Iframe_1.default, __assign({}, propsWithValue, { index: index }));
46
+ // return <Twitter {...(propsWithValue as CB_TWITTER_PROPERTIES_TYPE)} index={index} />;
45
47
  case types_1.CB_ALL_CODES.CB_YOUTUBE:
46
48
  return (0, jsx_runtime_1.jsx)(Youtube_1.Youtube, __assign({}, propsWithValue, { index: index }));
49
+ case types_1.CB_ALL_CODES.CB_IFRAME:
50
+ return (0, jsx_runtime_1.jsx)(Iframe_1.default, __assign({}, propsWithValue, { index: index }));
47
51
  default:
48
52
  return (0, jsx_runtime_1.jsx)("div", { children: "Error: not supported CB" });
49
53
  }
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/EmbedCore.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ interface EmbedComponentProps {
3
+ embedCode: string;
4
+ }
5
+ declare const EmbedComponent: React.FC<EmbedComponentProps>;
6
+ export default EmbedComponent;
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/EmbedCore.js ADDED
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
+ return cooked;
5
+ };
6
+ var __importDefault = (this && this.__importDefault) || function (mod) {
7
+ return (mod && mod.__esModule) ? mod : { "default": mod };
8
+ };
9
+ Object.defineProperty(exports, "__esModule", { value: true });
10
+ var jsx_runtime_1 = require("react/jsx-runtime");
11
+ var styled_components_1 = __importDefault(require("styled-components"));
12
+ var sanitizeEmbedCode_1 = __importDefault(require("./sanitizeEmbedCode"));
13
+ var EmbedComponent = function (_a) {
14
+ var embedCode = _a.embedCode;
15
+ var sanitized = (0, sanitizeEmbedCode_1.default)(embedCode);
16
+ if (typeof sanitized !== 'string') {
17
+ return (0, jsx_runtime_1.jsxs)(S_Error, { children: ["Error: ", sanitized.message] });
18
+ }
19
+ // eslint-disable-next-line react/no-danger
20
+ return (0, jsx_runtime_1.jsx)("div", { dangerouslySetInnerHTML: { __html: sanitized } });
21
+ };
22
+ var S_Error = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n background-color: red;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 100%;\n"], ["\n align-items: center;\n background-color: red;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 100%;\n"])));
23
+ exports.default = EmbedComponent;
24
+ var templateObject_1;
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/Iframe.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import type { CB_TWITTER_PROPERTIES_TYPE, IndexForIntersection } from '../../../../util/types';
3
+ type Props = CB_TWITTER_PROPERTIES_TYPE & IndexForIntersection;
4
+ declare function Iframe(props: Props): JSX.Element;
5
+ export default Iframe;
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/Iframe.js ADDED
@@ -0,0 +1,76 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __importDefault = (this && this.__importDefault) || function (mod) {
14
+ return (mod && mod.__esModule) ? mod : { "default": mod };
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ var jsx_runtime_1 = require("react/jsx-runtime");
18
+ var react_1 = require("react");
19
+ var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
20
+ var hooks_1 = require("../../../../hooks");
21
+ var util_1 = require("../../../../util");
22
+ var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
23
+ var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
24
+ var EmbedCore_1 = __importDefault(require("./EmbedCore"));
25
+ function Iframe(props) {
26
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
27
+ var _a = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
28
+ var CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, index = props.index;
29
+ var CB_CONTENT_PROP_TWITTER_SPEC_SRC = props.CB_CONTENT_PROP_TWITTER.CB_CONTENT_PROP_TWITTER_SPEC_SRC,
30
+ // CB_STYLE_PROP_TWITTER: { CB_STYLE_PROP_TWITTER_SPEC_THEME },
31
+ CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW;
32
+ var _b = (0, util_1.parseProperties)(props, device), style = _b.style, hoverStyle = _b.hoverStyle, layout = _b.layout, effect = _b.effect;
33
+ if ('display' in layout) {
34
+ delete layout.display;
35
+ }
36
+ if ('alignItems' in layout) {
37
+ delete layout.alignItems;
38
+ }
39
+ if ('justifyContent' in layout) {
40
+ delete layout.justifyContent;
41
+ }
42
+ var cbRef = (0, react_1.useRef)(null);
43
+ var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false }, [
44
+ index
45
+ ]);
46
+ var isVisible = !!(entry === null || entry === void 0 ? void 0 : entry.isIntersecting);
47
+ var effectCssProperties = isVisible ? effect : {};
48
+ var editModeStyle = mode === 'EDIT' ? { pointerEvents: 'none' } : {};
49
+ var isNoneEffectType = device === 'DESKTOP'
50
+ ? CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE === 'NONE'
51
+ : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
52
+ var hasEffect = !isNoneEffectType;
53
+ var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
54
+ return ((0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign({}, style), layout), effectCssProperties), editModeStyle), hoverStyle: hoverStyle, cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device }, { children: (0, jsx_runtime_1.jsx)(EmbedCore_1.default, { embedCode: CB_CONTENT_PROP_TWITTER_SPEC_SRC }) })) })));
55
+ }
56
+ // NOTE: 추후 사용되지 않으면 삭제
57
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
58
+ function sanitizeIframe(iframeHtml) {
59
+ var parser = new DOMParser();
60
+ var doc = parser.parseFromString(iframeHtml, 'text/html');
61
+ var iframe = doc.querySelector('iframe');
62
+ if (!iframe) {
63
+ // throw new Error('Invalid iframe.');
64
+ return null;
65
+ }
66
+ // Check the src attribute matches allowed patterns
67
+ // if (!iframe.src.startsWith('https://player.vimeo.com/')) {
68
+ // throw new Error('URL not allowed.');
69
+ // }
70
+ // Remove any attributes that are not allowed
71
+ iframe.removeAttribute('onload');
72
+ iframe.removeAttribute('onerror');
73
+ // ...repeat for other attributes
74
+ return iframe.outerHTML;
75
+ }
76
+ exports.default = Iframe;
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/constant.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export declare const tagBlacklist: string[];
2
+ export declare const attrBlacklist: string[];
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/constant.js ADDED
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.attrBlacklist = exports.tagBlacklist = void 0;
4
+ exports.tagBlacklist = [
5
+ 'script',
6
+ // 'iframe',
7
+ 'object',
8
+ 'embed',
9
+ 'applet',
10
+ // 'link',
11
+ 'meta',
12
+ 'style'
13
+ ];
14
+ exports.attrBlacklist = [
15
+ 'onerror',
16
+ 'onload',
17
+ 'onclick',
18
+ 'onmouseover',
19
+ 'onfocus',
20
+ 'onblur',
21
+ 'onchange',
22
+ // 'href',
23
+ // 'src',
24
+ // 'style',
25
+ 'target'
26
+ ];
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/sanitizeEmbedCode.d.ts ADDED
@@ -0,0 +1 @@
1
+ export default function sanitizeEmbedCode(embedCode: string): string | Error;
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/sanitizeEmbedCode.js ADDED
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ var constant_1 = require("./constant");
4
+ function sanitizeEmbedCode(embedCode) {
5
+ try {
6
+ var parser = new DOMParser();
7
+ var doc = parser.parseFromString(embedCode, 'text/html');
8
+ // Function to check for the presence of blacklisted tags or attributes
9
+ var checkForBlacklist_1 = function (node) {
10
+ if (constant_1.tagBlacklist.includes(node.tagName.toLowerCase())) {
11
+ throw new Error("Blacklisted tag found: ".concat(node.tagName.toLowerCase()));
12
+ }
13
+ Array.from(node.attributes).forEach(function (attr) {
14
+ if (constant_1.attrBlacklist.includes(attr.name.toLowerCase())) {
15
+ throw new Error("Blacklisted attribute found: ".concat(attr.name.toLowerCase()));
16
+ }
17
+ });
18
+ };
19
+ // Recursive function to check all nodes in the document
20
+ var checkNode_1 = function (node) {
21
+ if (node.nodeType === Node.ELEMENT_NODE) {
22
+ checkForBlacklist_1(node);
23
+ }
24
+ Array.from(node.childNodes).forEach(checkNode_1);
25
+ };
26
+ checkNode_1(doc.body);
27
+ return doc.body.innerHTML;
28
+ }
29
+ catch (error) {
30
+ return new Error("Sanitization failed: ".concat(error.message));
31
+ }
32
+ }
33
+ exports.default = sanitizeEmbedCode;
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/types.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import type { DefaultBrightTheme } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
2
+ export type TwitterPropsKeys = keyof CB_TWITTER_STYLE_PROPS;
3
+ export type CB_TWITTER_STYLE_PROPS = {
4
+ CB_STYLE_PROP_TWITTER_SPEC_THEME: DefaultBrightTheme;
5
+ 'CB_STYLE_PROP_TWITTER_SPEC_THEME:MOBILE': DefaultBrightTheme | undefined;
6
+ };
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/types.js ADDED
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import type { CB_BTN_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_TEXT_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE } from './util/types';
2
2
  export type CB_TYPES = 'GENERAL';
3
- export type ComponentBlock = CB_TEXT_TYPE | CB_BTN_TYPE | CB_RICHTEXT | CB_DIVIDER | CB_IMG | CB_YOUTUBE | CB_TWITTER;
3
+ export type ComponentBlock = CB_TEXT_TYPE | CB_BTN_TYPE | CB_RICHTEXT | CB_DIVIDER | CB_IMG | CB_YOUTUBE | CB_TWITTER | CB_IFRAME;
4
4
  type GeneralCustomSectionType = {
5
5
  id: number;
6
6
  type: 'GENERAL';
@@ -60,6 +60,12 @@ export type CB_TWITTER = GeneralCustomSectionType & {
60
60
  data: CB_TWITTER_PROPERTIES_TYPE;
61
61
  };
62
62
  };
63
+ export type CB_IFRAME = GeneralCustomSectionType & {
64
+ componentBlockCode: CB_ALL_CODES.CB_IFRAME;
65
+ jsonProperties: {
66
+ data: CB_TWITTER_PROPERTIES_TYPE;
67
+ };
68
+ };
63
69
  export declare enum CB_ALL_CODES {
64
70
  CB_TEXT = "CB_TEXT",
65
71
  CB_BTN = "CB_BTN",
@@ -67,6 +73,7 @@ export declare enum CB_ALL_CODES {
67
73
  CB_DIVIDER = "CB_DIVIDER",
68
74
  CB_IMG = "CB_IMG",
69
75
  CB_YOUTUBE = "CB_YOUTUBE",
70
- CB_TWITTER = "CB_TWITTER"
76
+ CB_TWITTER = "CB_TWITTER",
77
+ CB_IFRAME = "CB_IFRAME"
71
78
  }
72
79
  export {};
package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js CHANGED
@@ -10,4 +10,5 @@ var CB_ALL_CODES;
10
10
  CB_ALL_CODES["CB_IMG"] = "CB_IMG";
11
11
  CB_ALL_CODES["CB_YOUTUBE"] = "CB_YOUTUBE";
12
12
  CB_ALL_CODES["CB_TWITTER"] = "CB_TWITTER";
13
+ CB_ALL_CODES["CB_IFRAME"] = "CB_IFRAME";
13
14
  })(CB_ALL_CODES = exports.CB_ALL_CODES || (exports.CB_ALL_CODES = {}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "0.3.56",
3
+ "version": "0.3.58",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,6 +1,7 @@
1
1
  # pds-dev-kit-web-test Release Notes
2
- ## [v0.3.56]
3
- ## 기준 pds-dev-kit-web 버전 @2.2.54
2
+ ## [v0.3.58]
3
+ ## 기준 pds-dev-kit-web 버전 @2.2.57
4
4
  ### sub
5
5
  * DynamicLayout
6
- * 컨텍스트 클릭 시 스스로를 클릭하면 GROUP_BREAK를 호출하지 않는다.
6
+ * embedCB 관련 함수 추가
7
+ * Twitter를 임시로 embedCB로 테스트