pds-dev-kit-web-test 0.3.57 → 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.
- package/dist/src/sub/DynamicLayout/pagesPreviewMock.d.ts +6 -0
- package/dist/src/sub/DynamicLayout/pagesPreviewMock.js +224 -218
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/EmbedCore.d.ts +6 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/EmbedCore.js +24 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/Iframe.js +25 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/constant.d.ts +2 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/constant.js +26 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/sanitizeEmbedCode.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/sanitizeEmbedCode.js +33 -0
- package/package.json +1 -1
- package/release-note.md +3 -2
|
@@ -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',
|
|
@@ -2027,7 +2033,7 @@ exports.sampleCustomsection5 = {
|
|
|
2027
2033
|
CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
|
|
2028
2034
|
},
|
|
2029
2035
|
CB_CONTENT_PROP_TWITTER: {
|
|
2030
|
-
CB_CONTENT_PROP_TWITTER_SPEC_SRC:
|
|
2036
|
+
CB_CONTENT_PROP_TWITTER_SPEC_SRC: exports.EMBEDED_SAMPLES.DIV
|
|
2031
2037
|
},
|
|
2032
2038
|
CB_CONTENT_PROP_VISIBILITY: {
|
|
2033
2039
|
CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
|
|
@@ -2134,7 +2140,7 @@ exports.sampleCustomsection5 = {
|
|
|
2134
2140
|
CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
|
|
2135
2141
|
},
|
|
2136
2142
|
CB_CONTENT_PROP_TWITTER: {
|
|
2137
|
-
CB_CONTENT_PROP_TWITTER_SPEC_SRC:
|
|
2143
|
+
CB_CONTENT_PROP_TWITTER_SPEC_SRC: exports.EMBEDED_SAMPLES.GOOGLE_MAPS
|
|
2138
2144
|
},
|
|
2139
2145
|
CB_CONTENT_PROP_VISIBILITY: {
|
|
2140
2146
|
CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
|
|
@@ -2241,221 +2247,7 @@ exports.sampleCustomsection5 = {
|
|
|
2241
2247
|
CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
|
|
2242
2248
|
},
|
|
2243
2249
|
CB_CONTENT_PROP_TWITTER: {
|
|
2244
|
-
CB_CONTENT_PROP_TWITTER_SPEC_SRC:
|
|
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'
|
|
2250
|
+
CB_CONTENT_PROP_TWITTER_SPEC_SRC: exports.EMBEDED_SAMPLES.SCRIPT
|
|
2459
2251
|
},
|
|
2460
2252
|
CB_CONTENT_PROP_VISIBILITY: {
|
|
2461
2253
|
CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
|
|
@@ -2548,6 +2340,220 @@ exports.sampleCustomsection5 = {
|
|
|
2548
2340
|
queryableTapSrc: 'N/A',
|
|
2549
2341
|
updatedAt: '2023-08-06T13:30:49'
|
|
2550
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
|
+
// },
|
|
2551
2557
|
{
|
|
2552
2558
|
availablePlugins: [],
|
|
2553
2559
|
componentBlockCode: 'CB_DIVIDER',
|
|
@@ -42,8 +42,8 @@ function ComponentBlockMatcher(_a) {
|
|
|
42
42
|
case types_1.CB_ALL_CODES.CB_IMG:
|
|
43
43
|
return (0, jsx_runtime_1.jsx)(Image_1.default, __assign({}, propsWithValue, { index: index }));
|
|
44
44
|
case types_1.CB_ALL_CODES.CB_TWITTER:
|
|
45
|
-
// return <Twitter {...(propsWithValue as CB_TWITTER_PROPERTIES_TYPE)} index={index} />;
|
|
46
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} />;
|
|
47
47
|
case types_1.CB_ALL_CODES.CB_YOUTUBE:
|
|
48
48
|
return (0, jsx_runtime_1.jsx)(Youtube_1.Youtube, __assign({}, propsWithValue, { index: index }));
|
|
49
49
|
case types_1.CB_ALL_CODES.CB_IFRAME:
|
|
@@ -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;
|
|
@@ -10,6 +10,9 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
13
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
17
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
15
18
|
var react_1 = require("react");
|
|
@@ -18,6 +21,7 @@ var hooks_1 = require("../../../../hooks");
|
|
|
18
21
|
var util_1 = require("../../../../util");
|
|
19
22
|
var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
|
|
20
23
|
var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
|
|
24
|
+
var EmbedCore_1 = __importDefault(require("./EmbedCore"));
|
|
21
25
|
function Iframe(props) {
|
|
22
26
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
23
27
|
var _a = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
|
|
@@ -47,6 +51,26 @@ function Iframe(props) {
|
|
|
47
51
|
: CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
|
|
48
52
|
var hasEffect = !isNoneEffectType;
|
|
49
53
|
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)(
|
|
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;
|
|
51
75
|
}
|
|
52
76
|
exports.default = Iframe;
|
|
@@ -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
|
+
];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function sanitizeEmbedCode(embedCode: string): string | Error;
|
|
@@ -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/package.json
CHANGED