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

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/sub/DynamicLayout/pagesPreviewMock.d.ts +12 -6
  2. package/dist/src/sub/DynamicLayout/pagesPreviewMock.js +126 -120
  3. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +3 -4
  4. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/EmbedCore.d.ts +6 -0
  5. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/EmbedCore.js +24 -0
  6. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/Iframe.d.ts +2 -2
  7. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/Iframe.js +26 -4
  8. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/constant.d.ts +2 -0
  9. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/constant.js +26 -0
  10. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/sanitizeEmbedCode.d.ts +1 -0
  11. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/sanitizeEmbedCode.js +33 -0
  12. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +3 -0
  13. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +4 -4
  14. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +1 -1
  15. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseProperties.d.ts +2 -2
  16. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +11 -1
  17. package/package.json +1 -1
  18. package/release-note.md +7 -6
  19. package/webhook/node_modules/esrecurse/.babelrc +0 -3
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;
@@ -2104,8 +2110,8 @@ export declare const sampleCustomsection5: {
2104
2110
  CB_CONTENT_PROP_HOVER: {
2105
2111
  CB_CONTENT_PROP_HOVER_SPEC_MUSE: boolean;
2106
2112
  };
2107
- CB_CONTENT_PROP_TWITTER: {
2108
- CB_CONTENT_PROP_TWITTER_SPEC_SRC: string;
2113
+ CB_CONTENT_PROP_CODEBLOCK: {
2114
+ CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: string;
2109
2115
  };
2110
2116
  CB_CONTENT_PROP_VISIBILITY: {
2111
2117
  CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: boolean;
@@ -2285,7 +2291,7 @@ export declare const sampleCustomsection5: {
2285
2291
  'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:MOBILE': null;
2286
2292
  'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:MOBILE:HOVER': null;
2287
2293
  };
2288
- CB_CONTENT_PROP_TWITTER?: undefined;
2294
+ CB_CONTENT_PROP_CODEBLOCK?: undefined;
2289
2295
  CB_STYLE_PROP_OPACITY?: undefined;
2290
2296
  CB_STYLE_PROP_SHADOW?: undefined;
2291
2297
  CB_STYLE_PROP_TWITTER?: undefined;
@@ -2502,7 +2508,7 @@ export declare const sampleCustomsection5: {
2502
2508
  'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null;
2503
2509
  'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null;
2504
2510
  };
2505
- CB_CONTENT_PROP_TWITTER?: undefined;
2511
+ CB_CONTENT_PROP_CODEBLOCK?: undefined;
2506
2512
  CB_LAYOUT_PROP_ARRANGE?: undefined;
2507
2513
  CB_STYLE_PROP_TWITTER?: undefined;
2508
2514
  CB_STYLE_PROP_DIVIDER?: undefined;
@@ -2623,7 +2629,7 @@ export declare const sampleCustomsection5: {
2623
2629
  'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': null;
2624
2630
  'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': null;
2625
2631
  };
2626
- CB_CONTENT_PROP_TWITTER?: undefined;
2632
+ CB_CONTENT_PROP_CODEBLOCK?: undefined;
2627
2633
  CB_LAYOUT_PROP_ARRANGE?: undefined;
2628
2634
  CB_STYLE_PROP_SHADOW?: undefined;
2629
2635
  CB_STYLE_PROP_TWITTER?: undefined;
@@ -2747,7 +2753,7 @@ export declare const sampleCustomsection5: {
2747
2753
  'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': number;
2748
2754
  'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': null;
2749
2755
  };
2750
- CB_CONTENT_PROP_TWITTER?: undefined;
2756
+ CB_CONTENT_PROP_CODEBLOCK?: undefined;
2751
2757
  CB_LAYOUT_PROP_ARRANGE?: undefined;
2752
2758
  CB_STYLE_PROP_SHADOW?: undefined;
2753
2759
  CB_STYLE_PROP_TWITTER?: undefined;
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="100%" height="100%" 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="100%" height="100%" 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',
@@ -2015,7 +2021,7 @@ exports.sampleCustomsection5 = {
2015
2021
  componentBlocks: [
2016
2022
  {
2017
2023
  availablePlugins: [],
2018
- componentBlockCode: 'CB_IFRAME',
2024
+ componentBlockCode: 'CB_EMBED',
2019
2025
  componentBlockType: 'GENERAL',
2020
2026
  dynamicLayoutSectionId: 39541,
2021
2027
  id: 1200,
@@ -2026,8 +2032,8 @@ exports.sampleCustomsection5 = {
2026
2032
  CB_CONTENT_PROP_HOVER: {
2027
2033
  CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
2028
2034
  },
2029
- CB_CONTENT_PROP_TWITTER: {
2030
- CB_CONTENT_PROP_TWITTER_SPEC_SRC: 'https://discord.com/widget?id=893814118463721472&theme=dark'
2035
+ CB_CONTENT_PROP_CODEBLOCK: {
2036
+ CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: exports.EMBEDED_SAMPLES.DIV
2031
2037
  },
2032
2038
  CB_CONTENT_PROP_VISIBILITY: {
2033
2039
  CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
@@ -2122,7 +2128,7 @@ exports.sampleCustomsection5 = {
2122
2128
  },
2123
2129
  {
2124
2130
  availablePlugins: [],
2125
- componentBlockCode: 'CB_IFRAME',
2131
+ componentBlockCode: 'CB_EMBED',
2126
2132
  componentBlockType: 'GENERAL',
2127
2133
  dynamicLayoutSectionId: 39541,
2128
2134
  id: 1201,
@@ -2133,8 +2139,8 @@ exports.sampleCustomsection5 = {
2133
2139
  CB_CONTENT_PROP_HOVER: {
2134
2140
  CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
2135
2141
  },
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'
2142
+ CB_CONTENT_PROP_CODEBLOCK: {
2143
+ CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: exports.EMBEDED_SAMPLES.GOOGLE_MAPS
2138
2144
  },
2139
2145
  CB_CONTENT_PROP_VISIBILITY: {
2140
2146
  CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
@@ -2229,7 +2235,7 @@ exports.sampleCustomsection5 = {
2229
2235
  },
2230
2236
  {
2231
2237
  availablePlugins: [],
2232
- componentBlockCode: 'CB_IFRAME',
2238
+ componentBlockCode: 'CB_EMBED',
2233
2239
  componentBlockType: 'GENERAL',
2234
2240
  dynamicLayoutSectionId: 39541,
2235
2241
  id: 1202,
@@ -2240,8 +2246,8 @@ exports.sampleCustomsection5 = {
2240
2246
  CB_CONTENT_PROP_HOVER: {
2241
2247
  CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
2242
2248
  },
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'
2249
+ CB_CONTENT_PROP_CODEBLOCK: {
2250
+ CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: exports.EMBEDED_SAMPLES.SCRIPT
2245
2251
  },
2246
2252
  CB_CONTENT_PROP_VISIBILITY: {
2247
2253
  CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
@@ -2336,7 +2342,7 @@ exports.sampleCustomsection5 = {
2336
2342
  },
2337
2343
  {
2338
2344
  availablePlugins: [],
2339
- componentBlockCode: 'CB_IFRAME',
2345
+ componentBlockCode: 'CB_EMBED',
2340
2346
  componentBlockType: 'GENERAL',
2341
2347
  dynamicLayoutSectionId: 39541,
2342
2348
  id: 1203,
@@ -2347,115 +2353,8 @@ exports.sampleCustomsection5 = {
2347
2353
  CB_CONTENT_PROP_HOVER: {
2348
2354
  CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
2349
2355
  },
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'
2356
+ CB_CONTENT_PROP_CODEBLOCK: {
2357
+ CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: exports.EMBEDED_SAMPLES.SCRIPT
2459
2358
  },
2460
2359
  CB_CONTENT_PROP_VISIBILITY: {
2461
2360
  CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
@@ -2548,6 +2447,113 @@ exports.sampleCustomsection5 = {
2548
2447
  queryableTapSrc: 'N/A',
2549
2448
  updatedAt: '2023-08-06T13:30:49'
2550
2449
  },
2450
+ // {
2451
+ // availablePlugins: [],
2452
+ // componentBlockCode: 'CB_EMBED',
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',
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js CHANGED
@@ -24,7 +24,7 @@ var Iframe_1 = __importDefault(require("./componentBlocks/Iframe/Iframe"));
24
24
  var Image_1 = __importDefault(require("./componentBlocks/Image/Image"));
25
25
  var RichText_1 = require("./componentBlocks/RichText");
26
26
  var Text_1 = __importDefault(require("./componentBlocks/Text/Text"));
27
- // import Twitter from './componentBlocks/Twitter/Twitter';
27
+ var Twitter_1 = __importDefault(require("./componentBlocks/Twitter/Twitter"));
28
28
  var Youtube_1 = require("./componentBlocks/Youtube");
29
29
  function ComponentBlockMatcher(_a) {
30
30
  var cbProps = _a.cbProps, device = _a.device, index = _a.index;
@@ -42,11 +42,10 @@ 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
- return (0, jsx_runtime_1.jsx)(Iframe_1.default, __assign({}, propsWithValue, { index: index }));
45
+ return (0, jsx_runtime_1.jsx)(Twitter_1.default, __assign({}, propsWithValue, { index: index }));
47
46
  case types_1.CB_ALL_CODES.CB_YOUTUBE:
48
47
  return (0, jsx_runtime_1.jsx)(Youtube_1.Youtube, __assign({}, propsWithValue, { index: index }));
49
- case types_1.CB_ALL_CODES.CB_IFRAME:
48
+ case types_1.CB_ALL_CODES.CB_EMBED:
50
49
  return (0, jsx_runtime_1.jsx)(Iframe_1.default, __assign({}, propsWithValue, { index: index }));
51
50
  default:
52
51
  return (0, jsx_runtime_1.jsx)("div", { children: "Error: not supported CB" });
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 }, style: { width: '100%', height: '100%' } }));
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 CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import type { CB_TWITTER_PROPERTIES_TYPE, IndexForIntersection } from '../../../../util/types';
3
- type Props = CB_TWITTER_PROPERTIES_TYPE & IndexForIntersection;
2
+ import type { CB_EMBED_PROPERTIES_TYPE, IndexForIntersection } from '../../../../util/types';
3
+ type Props = CB_EMBED_PROPERTIES_TYPE & IndexForIntersection;
4
4
  declare function Iframe(props: Props): JSX.Element;
5
5
  export default Iframe;
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Iframe/Iframe.js CHANGED
@@ -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,13 +21,12 @@ 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;
24
28
  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;
29
+ var CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE = props.CB_CONTENT_PROP_CODEBLOCK.CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW;
28
30
  var _b = (0, util_1.parseProperties)(props, device), style = _b.style, hoverStyle = _b.hoverStyle, layout = _b.layout, effect = _b.effect;
29
31
  if ('display' in layout) {
30
32
  delete layout.display;
@@ -47,6 +49,26 @@ function Iframe(props) {
47
49
  : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
48
50
  var hasEffect = !isNoneEffectType;
49
51
  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' } }) })) })));
52
+ 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_CODEBLOCK_SPEC_CODE }) })) })));
53
+ }
54
+ // NOTE: 추후 사용되지 않으면 삭제
55
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
56
+ function sanitizeIframe(iframeHtml) {
57
+ var parser = new DOMParser();
58
+ var doc = parser.parseFromString(iframeHtml, 'text/html');
59
+ var iframe = doc.querySelector('iframe');
60
+ if (!iframe) {
61
+ // throw new Error('Invalid iframe.');
62
+ return null;
63
+ }
64
+ // Check the src attribute matches allowed patterns
65
+ // if (!iframe.src.startsWith('https://player.vimeo.com/')) {
66
+ // throw new Error('URL not allowed.');
67
+ // }
68
+ // Remove any attributes that are not allowed
69
+ iframe.removeAttribute('onload');
70
+ iframe.removeAttribute('onerror');
71
+ // ...repeat for other attributes
72
+ return iframe.outerHTML;
51
73
  }
52
74
  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/types.d.ts CHANGED
@@ -19,3 +19,6 @@ export type CB_CONTENT_PROP_IMAGE = {
19
19
  export type CB_CONTENT_PROP_TWITTER = {
20
20
  CB_CONTENT_PROP_TWITTER_SPEC_SRC: STRING_PLAIN;
21
21
  };
22
+ export type CB_CONTENT_PROP_CODEBLOCK = {
23
+ CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: STRING_PLAIN;
24
+ };
package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts CHANGED
@@ -1,4 +1,4 @@
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';
1
+ import type { CB_BTN_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_EMBED_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
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 = {
@@ -17,7 +17,7 @@ export type GroupCustomSectionType = {
17
17
  queryableDefinitionPreset: string;
18
18
  dynamicLayoutSectionId: number;
19
19
  };
20
- export type AllCBProperties = CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE;
20
+ export type AllCBProperties = CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE;
21
21
  export type CB_TEXT_TYPE = GeneralCustomSectionType & {
22
22
  componentBlockCode: CB_ALL_CODES.CB_TEXT;
23
23
  jsonProperties: {
@@ -61,7 +61,7 @@ export type CB_TWITTER = GeneralCustomSectionType & {
61
61
  };
62
62
  };
63
63
  export type CB_IFRAME = GeneralCustomSectionType & {
64
- componentBlockCode: CB_ALL_CODES.CB_IFRAME;
64
+ componentBlockCode: CB_ALL_CODES.CB_EMBED;
65
65
  jsonProperties: {
66
66
  data: CB_TWITTER_PROPERTIES_TYPE;
67
67
  };
@@ -74,6 +74,6 @@ export declare enum CB_ALL_CODES {
74
74
  CB_IMG = "CB_IMG",
75
75
  CB_YOUTUBE = "CB_YOUTUBE",
76
76
  CB_TWITTER = "CB_TWITTER",
77
- CB_IFRAME = "CB_IFRAME"
77
+ CB_EMBED = "CB_EMBED"
78
78
  }
79
79
  export {};
package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js CHANGED
@@ -10,5 +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
+ CB_ALL_CODES["CB_EMBED"] = "CB_EMBED";
14
14
  })(CB_ALL_CODES = exports.CB_ALL_CODES || (exports.CB_ALL_CODES = {}));
package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseProperties.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { CB_LAYOUT_PROP_KEYS } from './layoutPropParsers/types';
2
2
  import { CB_STYLE_PROP_KEYS } from './stylePropParsers/types';
3
- import type { Device, ParserResult, CB_TEXT_PROPERTIES_TYPE, CB_BTN_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE } from './types';
3
+ import type { Device, ParserResult, CB_TEXT_PROPERTIES_TYPE, CB_BTN_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE } from './types';
4
4
  export type specTypes = CB_LAYOUT_PROP_KEYS | CB_STYLE_PROP_KEYS;
5
- export default function parseProperties(properties: CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE, device: Device): ParserResult;
5
+ export default function parseProperties(properties: CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE, device: Device): ParserResult;
package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import type { CB_BTNTEXT_STYLE_PROPS, CB_STYLE_PROP_BTNCOLOR_SPECS } from '../components/ComponentBlock/componentBlocks/Button/btnTypes';
2
2
  import type { CB_STYLE_PROP_TEXT_SPECS } from '../components/ComponentBlock/componentBlocks/Text/types';
3
3
  import type { CB_TWITTER_STYLE_PROPS } from '../components/ComponentBlock/componentBlocks/Twitter/types';
4
- import type { CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_IMAGE, CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TWITTER } from '../components/ComponentBlock/componentBlocks/types';
4
+ import type { CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CODEBLOCK, CB_CONTENT_PROP_IMAGE, CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TWITTER } from '../components/ComponentBlock/componentBlocks/types';
5
5
  import type { CB_CONTENT_PROP_YOUTUBE_TYPE, CB_STYLE_PROP_BGCOLOR_SPECS } from '../components/ComponentBlock/componentBlocks/Youtube/types';
6
6
  import type { CB_CONTENT_PROP_VISIBILITY_SPECS } from './contentPropParsers/parseContentVisibility';
7
7
  import type { CB_EFFECT_PROP_ENTANIM_SPECS } from './effectPropParsers/parseEffectPropEntAnim';
@@ -82,6 +82,16 @@ export type CB_TWITTER_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
82
82
  CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
83
83
  CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
84
84
  };
85
+ export type CB_EMBED_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
86
+ CB_CONTENT_PROP_CODEBLOCK: CB_CONTENT_PROP_CODEBLOCK;
87
+ CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
88
+ CB_STYLE_PROP_SHADOW: CB_STYLE_PROP_SHADOW_SPECS;
89
+ CB_STYLE_PROP_BGCOLOR: CB_STYLE_PROP_BGCOLOR_SPECS;
90
+ CB_STYLE_PROP_OPACITY: CB_STYLE_PROP_TEXT_OPACITY_SPECS;
91
+ CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
92
+ CB_LAYOUT_PROP_ARRANGE: CB_LAYOUT_PROP_ARRANGE_SPECS;
93
+ CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
94
+ };
85
95
  export type CB_RICHTEXT_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
86
96
  CB_CONTENT_PROP_TEXTEDIT: {
87
97
  CB_CONTENT_PROP_TEXTEDIT_SPEC_EDITOR: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "0.3.57",
3
+ "version": "0.3.59",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,6 +1,7 @@
1
- # pds-dev-kit-web-test Release Notes
2
- ## [v0.3.57]
3
- ## 기준 pds-dev-kit-web 버전 @2.2.57
4
- ### sub
5
- * DynamicLayout
6
- * Twitter를 임시로 iframeCB로 테스트
1
+ # PDS-DEV-KIT-WEB Release Notes
2
+ ## [v2.2.57]
3
+ ## daily|https://design.storybook.publ.biz/
4
+
5
+ ### Component
6
+ * BasicListItem
7
+ * MainButton과 Switch 우측의 스페이싱 제거
package/webhook/node_modules/esrecurse/.babelrc DELETED
@@ -1,3 +0,0 @@
1
- {
2
- "presets": ["es2015"]
3
- }