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

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 (19) 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 +126 -4
  10. package/dist/src/sub/DynamicLayout/pagesPreviewMock.js +544 -9
  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/Iframe.d.ts +5 -0
  13. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/Iframe.js +52 -0
  14. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/types.d.ts +6 -0
  15. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/types.js +2 -0
  16. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +9 -2
  17. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +1 -0
  18. package/package.json +1 -1
  19. package/release-note.md +3 -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
@@ -2092,6 +2092,120 @@ export declare const sampleCustomsection5: {
2092
2092
  administrativeTitle: string;
2093
2093
  appearanceTemplate: string;
2094
2094
  componentBlocks: ({
2095
+ availablePlugins: never[];
2096
+ componentBlockCode: string;
2097
+ componentBlockType: string;
2098
+ dynamicLayoutSectionId: number;
2099
+ id: number;
2100
+ insertedAt: string;
2101
+ jsonProperties: {
2102
+ currentVersion: string;
2103
+ data: {
2104
+ CB_CONTENT_PROP_HOVER: {
2105
+ CB_CONTENT_PROP_HOVER_SPEC_MUSE: boolean;
2106
+ };
2107
+ CB_CONTENT_PROP_TWITTER: {
2108
+ CB_CONTENT_PROP_TWITTER_SPEC_SRC: string;
2109
+ };
2110
+ CB_CONTENT_PROP_VISIBILITY: {
2111
+ CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: boolean;
2112
+ CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: boolean;
2113
+ };
2114
+ CB_EFFECT_PROP_ENTANIM: {
2115
+ CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: string;
2116
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': string;
2117
+ CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: number;
2118
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null;
2119
+ CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: number;
2120
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null;
2121
+ CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: string;
2122
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null;
2123
+ };
2124
+ CB_LAYOUT_PROP_ARRANGE: {
2125
+ CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: string;
2126
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': string;
2127
+ CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: null;
2128
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null;
2129
+ };
2130
+ CB_LAYOUT_PROP_PADDING: {
2131
+ CB_LAYOUT_PROP_PADDING_SPEC_FIX: boolean;
2132
+ 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null;
2133
+ CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
2134
+ bottom: number;
2135
+ left: number;
2136
+ right: number;
2137
+ top: number;
2138
+ };
2139
+ 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null;
2140
+ };
2141
+ CB_PLACEMENT_PROP_PLACEMENT: {
2142
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: number;
2143
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': number;
2144
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: number;
2145
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': number;
2146
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: number;
2147
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': number;
2148
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: number;
2149
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': number;
2150
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: number;
2151
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': number;
2152
+ };
2153
+ CB_STYLE_PROP_OPACITY: {
2154
+ CB_STYLE_PROP_OPACITY_SPEC_OPACITY: number;
2155
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': number;
2156
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null;
2157
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null;
2158
+ };
2159
+ CB_STYLE_PROP_SHADOW: {
2160
+ CB_STYLE_PROP_SHADOW_SPEC_BLUR: number;
2161
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': number;
2162
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null;
2163
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null;
2164
+ CB_STYLE_PROP_SHADOW_SPEC_COLOR: string;
2165
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': string;
2166
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null;
2167
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null;
2168
+ CB_STYLE_PROP_SHADOW_SPEC_OPACITY: number;
2169
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': number;
2170
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null;
2171
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null;
2172
+ CB_STYLE_PROP_SHADOW_SPEC_SPREAD: number;
2173
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': number;
2174
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null;
2175
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null;
2176
+ CB_STYLE_PROP_SHADOW_SPEC_TYPE: string;
2177
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': string;
2178
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null;
2179
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null;
2180
+ CB_STYLE_PROP_SHADOW_SPEC_X: number;
2181
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': number;
2182
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null;
2183
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null;
2184
+ CB_STYLE_PROP_SHADOW_SPEC_Y: number;
2185
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': number;
2186
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null;
2187
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null;
2188
+ };
2189
+ CB_STYLE_PROP_TWITTER: {
2190
+ CB_STYLE_PROP_TWITTER_SPEC_THEME: string;
2191
+ 'CB_STYLE_PROP_TWITTER_SPEC_THEME:MOBILE': null;
2192
+ };
2193
+ CB_EFFECT_PROP_HOVERANIM?: undefined;
2194
+ CB_STYLE_PROP_DIVIDER?: undefined;
2195
+ CB_CONTENT_PROP_CLINK?: undefined;
2196
+ CB_CONTENT_PROP_TEXT?: undefined;
2197
+ CB_STYLE_PROP_BORDER?: undefined;
2198
+ CB_STYLE_PROP_BTNCOLOR?: undefined;
2199
+ CB_STYLE_PROP_BTNTEXT?: undefined;
2200
+ CB_STYLE_PROP_TEXT?: undefined;
2201
+ };
2202
+ minVersion: string;
2203
+ version: string;
2204
+ };
2205
+ queryableDefinitionPreset: string;
2206
+ queryableTapSrc: string;
2207
+ updatedAt: string;
2208
+ } | {
2095
2209
  availablePlugins: never[];
2096
2210
  componentBlockCode: string;
2097
2211
  componentBlockType: string;
@@ -2171,13 +2285,15 @@ export declare const sampleCustomsection5: {
2171
2285
  'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:MOBILE': null;
2172
2286
  'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:MOBILE:HOVER': null;
2173
2287
  };
2288
+ CB_CONTENT_PROP_TWITTER?: undefined;
2289
+ CB_STYLE_PROP_OPACITY?: undefined;
2290
+ CB_STYLE_PROP_SHADOW?: undefined;
2291
+ CB_STYLE_PROP_TWITTER?: undefined;
2174
2292
  CB_CONTENT_PROP_CLINK?: undefined;
2175
2293
  CB_CONTENT_PROP_TEXT?: undefined;
2176
2294
  CB_STYLE_PROP_BORDER?: undefined;
2177
2295
  CB_STYLE_PROP_BTNCOLOR?: undefined;
2178
2296
  CB_STYLE_PROP_BTNTEXT?: undefined;
2179
- CB_STYLE_PROP_OPACITY?: undefined;
2180
- CB_STYLE_PROP_SHADOW?: undefined;
2181
2297
  CB_STYLE_PROP_TEXT?: undefined;
2182
2298
  };
2183
2299
  minVersion: string;
@@ -2386,7 +2502,9 @@ export declare const sampleCustomsection5: {
2386
2502
  'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null;
2387
2503
  'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null;
2388
2504
  };
2505
+ CB_CONTENT_PROP_TWITTER?: undefined;
2389
2506
  CB_LAYOUT_PROP_ARRANGE?: undefined;
2507
+ CB_STYLE_PROP_TWITTER?: undefined;
2390
2508
  CB_STYLE_PROP_DIVIDER?: undefined;
2391
2509
  CB_STYLE_PROP_TEXT?: undefined;
2392
2510
  };
@@ -2505,12 +2623,14 @@ export declare const sampleCustomsection5: {
2505
2623
  'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': null;
2506
2624
  'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': null;
2507
2625
  };
2626
+ CB_CONTENT_PROP_TWITTER?: undefined;
2508
2627
  CB_LAYOUT_PROP_ARRANGE?: undefined;
2628
+ CB_STYLE_PROP_SHADOW?: undefined;
2629
+ CB_STYLE_PROP_TWITTER?: undefined;
2509
2630
  CB_STYLE_PROP_DIVIDER?: undefined;
2510
2631
  CB_STYLE_PROP_BORDER?: undefined;
2511
2632
  CB_STYLE_PROP_BTNCOLOR?: undefined;
2512
2633
  CB_STYLE_PROP_BTNTEXT?: undefined;
2513
- CB_STYLE_PROP_SHADOW?: undefined;
2514
2634
  };
2515
2635
  minVersion: string;
2516
2636
  version: string;
@@ -2627,12 +2747,14 @@ export declare const sampleCustomsection5: {
2627
2747
  'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': number;
2628
2748
  'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': null;
2629
2749
  };
2750
+ CB_CONTENT_PROP_TWITTER?: undefined;
2630
2751
  CB_LAYOUT_PROP_ARRANGE?: undefined;
2752
+ CB_STYLE_PROP_SHADOW?: undefined;
2753
+ CB_STYLE_PROP_TWITTER?: undefined;
2631
2754
  CB_STYLE_PROP_DIVIDER?: undefined;
2632
2755
  CB_STYLE_PROP_BORDER?: undefined;
2633
2756
  CB_STYLE_PROP_BTNCOLOR?: undefined;
2634
2757
  CB_STYLE_PROP_BTNTEXT?: undefined;
2635
- CB_STYLE_PROP_SHADOW?: undefined;
2636
2758
  };
2637
2759
  minVersion: string;
2638
2760
  version: string;
package/dist/src/sub/DynamicLayout/pagesPreviewMock.js CHANGED
@@ -795,7 +795,7 @@ exports.sampleCustomsection1 = {
795
795
  CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
796
796
  },
797
797
  CB_CONTENT_PROP_TWITTER: {
798
- CB_CONTENT_PROP_TWITTER_SPEC_SRC: 'https://twitter.com/elonmusk'
798
+ 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
799
  },
800
800
  CB_CONTENT_PROP_VISIBILITY: {
801
801
  CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
@@ -829,14 +829,14 @@ exports.sampleCustomsection1 = {
829
829
  'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
830
830
  },
831
831
  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,
832
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 10,
833
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
834
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 20,
835
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 20,
836
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 0,
837
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
838
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 0,
839
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 0,
840
840
  CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 3,
841
841
  'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 2
842
842
  },
@@ -2013,6 +2013,541 @@ exports.sampleCustomsection5 = {
2013
2013
  administrativeTitle: 'Monetize-4 (payment)',
2014
2014
  appearanceTemplate: 'GENERAL_A',
2015
2015
  componentBlocks: [
2016
+ {
2017
+ availablePlugins: [],
2018
+ componentBlockCode: 'CB_IFRAME',
2019
+ componentBlockType: 'GENERAL',
2020
+ dynamicLayoutSectionId: 39541,
2021
+ id: 1200,
2022
+ insertedAt: '2023-08-06T13:30:47',
2023
+ jsonProperties: {
2024
+ currentVersion: '2023-08-03',
2025
+ data: {
2026
+ CB_CONTENT_PROP_HOVER: {
2027
+ CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
2028
+ },
2029
+ CB_CONTENT_PROP_TWITTER: {
2030
+ CB_CONTENT_PROP_TWITTER_SPEC_SRC: 'https://discord.com/widget?id=893814118463721472&theme=dark'
2031
+ },
2032
+ CB_CONTENT_PROP_VISIBILITY: {
2033
+ CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
2034
+ CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
2035
+ },
2036
+ CB_EFFECT_PROP_ENTANIM: {
2037
+ CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'SLIDEINLEFT',
2038
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'HEARTBEAT',
2039
+ CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 1,
2040
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
2041
+ CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
2042
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
2043
+ CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
2044
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null
2045
+ },
2046
+ CB_LAYOUT_PROP_ARRANGE: {
2047
+ CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
2048
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': 'MIDDLE',
2049
+ CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: null,
2050
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null
2051
+ },
2052
+ CB_LAYOUT_PROP_PADDING: {
2053
+ CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
2054
+ 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
2055
+ CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
2056
+ bottom: 0,
2057
+ left: 0,
2058
+ right: 0,
2059
+ top: 0
2060
+ },
2061
+ 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
2062
+ },
2063
+ CB_PLACEMENT_PROP_PLACEMENT: {
2064
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 10,
2065
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
2066
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 20,
2067
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 20,
2068
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 0,
2069
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
2070
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 0,
2071
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 0,
2072
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 3,
2073
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 2
2074
+ },
2075
+ CB_STYLE_PROP_OPACITY: {
2076
+ CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
2077
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 95,
2078
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
2079
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
2080
+ },
2081
+ CB_STYLE_PROP_SHADOW: {
2082
+ CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
2083
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': 24,
2084
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null,
2085
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
2086
+ CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#00000000',
2087
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#00000000',
2088
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null,
2089
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null,
2090
+ CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
2091
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': 30,
2092
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null,
2093
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null,
2094
+ CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
2095
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': 2,
2096
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null,
2097
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null,
2098
+ CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'NONE',
2099
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': 'OUTSET',
2100
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null,
2101
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null,
2102
+ CB_STYLE_PROP_SHADOW_SPEC_X: 0,
2103
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': 0,
2104
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null,
2105
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null,
2106
+ CB_STYLE_PROP_SHADOW_SPEC_Y: 12,
2107
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': 12,
2108
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
2109
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
2110
+ },
2111
+ CB_STYLE_PROP_TWITTER: {
2112
+ CB_STYLE_PROP_TWITTER_SPEC_THEME: 'LIGHT',
2113
+ 'CB_STYLE_PROP_TWITTER_SPEC_THEME:MOBILE': null
2114
+ }
2115
+ },
2116
+ minVersion: '2023-08-03',
2117
+ version: '2023-08-03'
2118
+ },
2119
+ queryableDefinitionPreset: 'N/A',
2120
+ queryableTapSrc: 'N/A',
2121
+ updatedAt: '2023-08-06T13:30:49'
2122
+ },
2123
+ {
2124
+ availablePlugins: [],
2125
+ componentBlockCode: 'CB_IFRAME',
2126
+ componentBlockType: 'GENERAL',
2127
+ dynamicLayoutSectionId: 39541,
2128
+ id: 1201,
2129
+ insertedAt: '2023-08-06T13:30:47',
2130
+ jsonProperties: {
2131
+ currentVersion: '2023-08-03',
2132
+ data: {
2133
+ CB_CONTENT_PROP_HOVER: {
2134
+ CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
2135
+ },
2136
+ CB_CONTENT_PROP_TWITTER: {
2137
+ 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'
2138
+ },
2139
+ CB_CONTENT_PROP_VISIBILITY: {
2140
+ CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
2141
+ CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
2142
+ },
2143
+ CB_EFFECT_PROP_ENTANIM: {
2144
+ CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'SLIDEINLEFT',
2145
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'HEARTBEAT',
2146
+ CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 1,
2147
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
2148
+ CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
2149
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
2150
+ CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
2151
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null
2152
+ },
2153
+ CB_LAYOUT_PROP_ARRANGE: {
2154
+ CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
2155
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': 'MIDDLE',
2156
+ CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: null,
2157
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null
2158
+ },
2159
+ CB_LAYOUT_PROP_PADDING: {
2160
+ CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
2161
+ 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
2162
+ CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
2163
+ bottom: 0,
2164
+ left: 0,
2165
+ right: 0,
2166
+ top: 0
2167
+ },
2168
+ 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
2169
+ },
2170
+ CB_PLACEMENT_PROP_PLACEMENT: {
2171
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 10,
2172
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
2173
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 20,
2174
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 20,
2175
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 0,
2176
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
2177
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 20,
2178
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 0,
2179
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 3,
2180
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 2
2181
+ },
2182
+ CB_STYLE_PROP_OPACITY: {
2183
+ CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
2184
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 95,
2185
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
2186
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
2187
+ },
2188
+ CB_STYLE_PROP_SHADOW: {
2189
+ CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
2190
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': 24,
2191
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null,
2192
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
2193
+ CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#00000000',
2194
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#00000000',
2195
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null,
2196
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null,
2197
+ CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
2198
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': 30,
2199
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null,
2200
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null,
2201
+ CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
2202
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': 2,
2203
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null,
2204
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null,
2205
+ CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'NONE',
2206
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': 'OUTSET',
2207
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null,
2208
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null,
2209
+ CB_STYLE_PROP_SHADOW_SPEC_X: 0,
2210
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': 0,
2211
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null,
2212
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null,
2213
+ CB_STYLE_PROP_SHADOW_SPEC_Y: 12,
2214
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': 12,
2215
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
2216
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
2217
+ },
2218
+ CB_STYLE_PROP_TWITTER: {
2219
+ CB_STYLE_PROP_TWITTER_SPEC_THEME: 'LIGHT',
2220
+ 'CB_STYLE_PROP_TWITTER_SPEC_THEME:MOBILE': null
2221
+ }
2222
+ },
2223
+ minVersion: '2023-08-03',
2224
+ version: '2023-08-03'
2225
+ },
2226
+ queryableDefinitionPreset: 'N/A',
2227
+ queryableTapSrc: 'N/A',
2228
+ updatedAt: '2023-08-06T13:30:49'
2229
+ },
2230
+ {
2231
+ availablePlugins: [],
2232
+ componentBlockCode: 'CB_IFRAME',
2233
+ componentBlockType: 'GENERAL',
2234
+ dynamicLayoutSectionId: 39541,
2235
+ id: 1202,
2236
+ insertedAt: '2023-08-06T13:30:47',
2237
+ jsonProperties: {
2238
+ currentVersion: '2023-08-03',
2239
+ data: {
2240
+ CB_CONTENT_PROP_HOVER: {
2241
+ CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
2242
+ },
2243
+ CB_CONTENT_PROP_TWITTER: {
2244
+ CB_CONTENT_PROP_TWITTER_SPEC_SRC: 'https://docs.google.com/forms/d/e/1FAIpQLSdLBOoK8o7xDCVdoXs7oqe-OadwPmStdIqZP2N-R4PNZhBhgQ/viewform?usp=sf_link'
2245
+ },
2246
+ CB_CONTENT_PROP_VISIBILITY: {
2247
+ CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
2248
+ CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
2249
+ },
2250
+ CB_EFFECT_PROP_ENTANIM: {
2251
+ CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'SLIDEINLEFT',
2252
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'HEARTBEAT',
2253
+ CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 1,
2254
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
2255
+ CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
2256
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
2257
+ CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
2258
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null
2259
+ },
2260
+ CB_LAYOUT_PROP_ARRANGE: {
2261
+ CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
2262
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': 'MIDDLE',
2263
+ CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: null,
2264
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null
2265
+ },
2266
+ CB_LAYOUT_PROP_PADDING: {
2267
+ CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
2268
+ 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
2269
+ CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
2270
+ bottom: 0,
2271
+ left: 0,
2272
+ right: 0,
2273
+ top: 0
2274
+ },
2275
+ 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
2276
+ },
2277
+ CB_PLACEMENT_PROP_PLACEMENT: {
2278
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 10,
2279
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
2280
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 20,
2281
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 20,
2282
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 10,
2283
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
2284
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 0,
2285
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 0,
2286
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 3,
2287
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 2
2288
+ },
2289
+ CB_STYLE_PROP_OPACITY: {
2290
+ CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
2291
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 95,
2292
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
2293
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
2294
+ },
2295
+ CB_STYLE_PROP_SHADOW: {
2296
+ CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
2297
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': 24,
2298
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null,
2299
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
2300
+ CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#00000000',
2301
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#00000000',
2302
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null,
2303
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null,
2304
+ CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
2305
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': 30,
2306
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null,
2307
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null,
2308
+ CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
2309
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': 2,
2310
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null,
2311
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null,
2312
+ CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'NONE',
2313
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': 'OUTSET',
2314
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null,
2315
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null,
2316
+ CB_STYLE_PROP_SHADOW_SPEC_X: 0,
2317
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': 0,
2318
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null,
2319
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null,
2320
+ CB_STYLE_PROP_SHADOW_SPEC_Y: 12,
2321
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': 12,
2322
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
2323
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
2324
+ },
2325
+ CB_STYLE_PROP_TWITTER: {
2326
+ CB_STYLE_PROP_TWITTER_SPEC_THEME: 'LIGHT',
2327
+ 'CB_STYLE_PROP_TWITTER_SPEC_THEME:MOBILE': null
2328
+ }
2329
+ },
2330
+ minVersion: '2023-08-03',
2331
+ version: '2023-08-03'
2332
+ },
2333
+ queryableDefinitionPreset: 'N/A',
2334
+ queryableTapSrc: 'N/A',
2335
+ updatedAt: '2023-08-06T13:30:49'
2336
+ },
2337
+ {
2338
+ availablePlugins: [],
2339
+ componentBlockCode: 'CB_IFRAME',
2340
+ componentBlockType: 'GENERAL',
2341
+ dynamicLayoutSectionId: 39541,
2342
+ id: 1203,
2343
+ insertedAt: '2023-08-06T13:30:47',
2344
+ jsonProperties: {
2345
+ currentVersion: '2023-08-03',
2346
+ data: {
2347
+ CB_CONTENT_PROP_HOVER: {
2348
+ CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
2349
+ },
2350
+ CB_CONTENT_PROP_TWITTER: {
2351
+ CB_CONTENT_PROP_TWITTER_SPEC_SRC: 'https://example.com/meetingsdk'
2352
+ },
2353
+ CB_CONTENT_PROP_VISIBILITY: {
2354
+ CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
2355
+ CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
2356
+ },
2357
+ CB_EFFECT_PROP_ENTANIM: {
2358
+ CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'SLIDEINLEFT',
2359
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'HEARTBEAT',
2360
+ CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 1,
2361
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
2362
+ CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
2363
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
2364
+ CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
2365
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null
2366
+ },
2367
+ CB_LAYOUT_PROP_ARRANGE: {
2368
+ CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
2369
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': 'MIDDLE',
2370
+ CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: null,
2371
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null
2372
+ },
2373
+ CB_LAYOUT_PROP_PADDING: {
2374
+ CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
2375
+ 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
2376
+ CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
2377
+ bottom: 0,
2378
+ left: 0,
2379
+ right: 0,
2380
+ top: 0
2381
+ },
2382
+ 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
2383
+ },
2384
+ CB_PLACEMENT_PROP_PLACEMENT: {
2385
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 10,
2386
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
2387
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 20,
2388
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 20,
2389
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 10,
2390
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
2391
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 0,
2392
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 0,
2393
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 3,
2394
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 2
2395
+ },
2396
+ CB_STYLE_PROP_OPACITY: {
2397
+ CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
2398
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 95,
2399
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
2400
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
2401
+ },
2402
+ CB_STYLE_PROP_SHADOW: {
2403
+ CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
2404
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': 24,
2405
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null,
2406
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
2407
+ CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#00000000',
2408
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#00000000',
2409
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null,
2410
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null,
2411
+ CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
2412
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': 30,
2413
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null,
2414
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null,
2415
+ CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
2416
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': 2,
2417
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null,
2418
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null,
2419
+ CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'NONE',
2420
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': 'OUTSET',
2421
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null,
2422
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null,
2423
+ CB_STYLE_PROP_SHADOW_SPEC_X: 0,
2424
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': 0,
2425
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null,
2426
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null,
2427
+ CB_STYLE_PROP_SHADOW_SPEC_Y: 12,
2428
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': 12,
2429
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
2430
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
2431
+ },
2432
+ CB_STYLE_PROP_TWITTER: {
2433
+ CB_STYLE_PROP_TWITTER_SPEC_THEME: 'LIGHT',
2434
+ 'CB_STYLE_PROP_TWITTER_SPEC_THEME:MOBILE': null
2435
+ }
2436
+ },
2437
+ minVersion: '2023-08-03',
2438
+ version: '2023-08-03'
2439
+ },
2440
+ queryableDefinitionPreset: 'N/A',
2441
+ queryableTapSrc: 'N/A',
2442
+ updatedAt: '2023-08-06T13:30:49'
2443
+ },
2444
+ {
2445
+ availablePlugins: [],
2446
+ componentBlockCode: 'CB_IFRAME',
2447
+ componentBlockType: 'GENERAL',
2448
+ dynamicLayoutSectionId: 39541,
2449
+ id: 1204,
2450
+ insertedAt: '2023-08-06T13:30:47',
2451
+ jsonProperties: {
2452
+ currentVersion: '2023-08-03',
2453
+ data: {
2454
+ CB_CONTENT_PROP_HOVER: {
2455
+ CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
2456
+ },
2457
+ CB_CONTENT_PROP_TWITTER: {
2458
+ CB_CONTENT_PROP_TWITTER_SPEC_SRC: 'https://player.twitch.tv/?channel=dallas&parent=streamernews.example.com&muted=true'
2459
+ },
2460
+ CB_CONTENT_PROP_VISIBILITY: {
2461
+ CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
2462
+ CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
2463
+ },
2464
+ CB_EFFECT_PROP_ENTANIM: {
2465
+ CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'SLIDEINLEFT',
2466
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'HEARTBEAT',
2467
+ CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 1,
2468
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
2469
+ CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
2470
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
2471
+ CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
2472
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null
2473
+ },
2474
+ CB_LAYOUT_PROP_ARRANGE: {
2475
+ CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
2476
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': 'MIDDLE',
2477
+ CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: null,
2478
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null
2479
+ },
2480
+ CB_LAYOUT_PROP_PADDING: {
2481
+ CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
2482
+ 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
2483
+ CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
2484
+ bottom: 0,
2485
+ left: 0,
2486
+ right: 0,
2487
+ top: 0
2488
+ },
2489
+ 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
2490
+ },
2491
+ CB_PLACEMENT_PROP_PLACEMENT: {
2492
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 10,
2493
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
2494
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 20,
2495
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 20,
2496
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 10,
2497
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
2498
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 0,
2499
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 0,
2500
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 3,
2501
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 2
2502
+ },
2503
+ CB_STYLE_PROP_OPACITY: {
2504
+ CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
2505
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 95,
2506
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
2507
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
2508
+ },
2509
+ CB_STYLE_PROP_SHADOW: {
2510
+ CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
2511
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': 24,
2512
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null,
2513
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
2514
+ CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#00000000',
2515
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#00000000',
2516
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null,
2517
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null,
2518
+ CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
2519
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': 30,
2520
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null,
2521
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null,
2522
+ CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
2523
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': 2,
2524
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null,
2525
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null,
2526
+ CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'NONE',
2527
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': 'OUTSET',
2528
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null,
2529
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null,
2530
+ CB_STYLE_PROP_SHADOW_SPEC_X: 0,
2531
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': 0,
2532
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null,
2533
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null,
2534
+ CB_STYLE_PROP_SHADOW_SPEC_Y: 12,
2535
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': 12,
2536
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
2537
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
2538
+ },
2539
+ CB_STYLE_PROP_TWITTER: {
2540
+ CB_STYLE_PROP_TWITTER_SPEC_THEME: 'LIGHT',
2541
+ 'CB_STYLE_PROP_TWITTER_SPEC_THEME:MOBILE': null
2542
+ }
2543
+ },
2544
+ minVersion: '2023-08-03',
2545
+ version: '2023-08-03'
2546
+ },
2547
+ queryableDefinitionPreset: 'N/A',
2548
+ queryableTapSrc: 'N/A',
2549
+ updatedAt: '2023-08-06T13:30:49'
2550
+ },
2016
2551
  {
2017
2552
  availablePlugins: [],
2018
2553
  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 <Twitter {...(propsWithValue as CB_TWITTER_PROPERTIES_TYPE)} index={index} />;
46
+ return (0, jsx_runtime_1.jsx)(Iframe_1.default, __assign({}, propsWithValue, { 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/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,52 @@
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
+ Object.defineProperty(exports, "__esModule", { value: true });
14
+ var jsx_runtime_1 = require("react/jsx-runtime");
15
+ var react_1 = require("react");
16
+ var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
17
+ var hooks_1 = require("../../../../hooks");
18
+ var util_1 = require("../../../../util");
19
+ var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
20
+ var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
21
+ function Iframe(props) {
22
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
23
+ var _a = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
24
+ var CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, index = props.index;
25
+ var CB_CONTENT_PROP_TWITTER_SPEC_SRC = props.CB_CONTENT_PROP_TWITTER.CB_CONTENT_PROP_TWITTER_SPEC_SRC,
26
+ // CB_STYLE_PROP_TWITTER: { CB_STYLE_PROP_TWITTER_SPEC_THEME },
27
+ CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW;
28
+ var _b = (0, util_1.parseProperties)(props, device), style = _b.style, hoverStyle = _b.hoverStyle, layout = _b.layout, effect = _b.effect;
29
+ if ('display' in layout) {
30
+ delete layout.display;
31
+ }
32
+ if ('alignItems' in layout) {
33
+ delete layout.alignItems;
34
+ }
35
+ if ('justifyContent' in layout) {
36
+ delete layout.justifyContent;
37
+ }
38
+ var cbRef = (0, react_1.useRef)(null);
39
+ var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false }, [
40
+ index
41
+ ]);
42
+ var isVisible = !!(entry === null || entry === void 0 ? void 0 : entry.isIntersecting);
43
+ var effectCssProperties = isVisible ? effect : {};
44
+ var editModeStyle = mode === 'EDIT' ? { pointerEvents: 'none' } : {};
45
+ var isNoneEffectType = device === 'DESKTOP'
46
+ ? CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE === 'NONE'
47
+ : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
48
+ var hasEffect = !isNoneEffectType;
49
+ var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
50
+ 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)("iframe", { title: "iframe_section", src: CB_CONTENT_PROP_TWITTER_SPEC_SRC, width: "100%", height: "100%", style: { backgroundColor: 'white', border: 'none' } }) })) })));
51
+ }
52
+ exports.default = Iframe;
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.57",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # pds-dev-kit-web-test Release Notes
2
- ## [v0.3.56]
3
- ## 기준 pds-dev-kit-web 버전 @2.2.54
2
+ ## [v0.3.57]
3
+ ## 기준 pds-dev-kit-web 버전 @2.2.57
4
4
  ### sub
5
5
  * DynamicLayout
6
- * 컨텍스트 클릭 시 스스로를 클릭하면 GROUP_BREAK를 호출하지 않는다.
6
+ * Twitter를 임시로 iframeCB로 테스트