@elice/material-video 1.240718.2 → 1.240719.0

package/cjs/components/material-video/MaterialVideo.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var apiClient = require('@elice/api-client');
 var blocks = require('@elice/blocks');
@@ -14,34 +15,40 @@ var en = require('./locales/en.json.js');
 var ko = require('./locales/ko.json.js');
 var MaterialVideoContent = require('./MaterialVideoContent.js');
 
-const MaterialVideo = _a => {
-  var {
-      className,
-      materialVideoId,
-      __intl
-    } = _a,
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var classnames__default = /*#__PURE__*/_interopDefaultCompat(classnames);
+
+var MaterialVideo = function MaterialVideo(_a) {
+  var className = _a.className,
+    materialVideoId = _a.materialVideoId,
+    __intl = _a.__intl,
     youtubeProps = tslib.__rest(_a, ["className", "materialVideoId", "__intl"]);
-  const prefixCls = 'em-material-video';
-  const {
-    materialVideo,
-    status: materialVideoStatus
-  } = materialSharedUtils.useMaterialFetch(types.enums.LectureMaterialType.Video, React.useCallback(signal => apiClient.getOrgMaterialVideoGet({
-    materialVideoId
-  }, {
-    signal
-  }), [materialVideoId]), apiClient.config.init);
-  return React.createElement(intl.RawEliceIntlProvider, {
-    value: __intl
-  }, React.createElement(blocks.Flex, {
-    className: classnames(prefixCls, className),
-    align: "center",
-    justify: "center",
-    width: "100%",
-    height: "100%"
-  }, React.createElement(MaterialVideoContent.default, Object.assign({
-    materialVideo: materialVideo !== null && materialVideo !== void 0 ? materialVideo : null,
-    videoGetStatus: materialVideoStatus
-  }, youtubeProps))));
+  var prefixCls = 'em-material-video';
+  var _useMaterialFetch = materialSharedUtils.useMaterialFetch(types.enums.LectureMaterialType.Video, React__default.default.useCallback(function (signal) {
+      return apiClient.getOrgMaterialVideoGet({
+        materialVideoId: materialVideoId
+      }, {
+        signal: signal
+      });
+    }, [materialVideoId]), apiClient.config.init),
+    materialVideo = _useMaterialFetch.materialVideo,
+    materialVideoStatus = _useMaterialFetch.status;
+  return jsxRuntime.jsx(intl.RawEliceIntlProvider, {
+    value: __intl,
+    children: jsxRuntime.jsx(blocks.Flex, {
+      className: classnames__default.default(prefixCls, className),
+      align: "center",
+      justify: "center",
+      width: "100%",
+      height: "100%",
+      children: jsxRuntime.jsx(MaterialVideoContent.default, Object.assign({
+        materialVideo: materialVideo !== null && materialVideo !== void 0 ? materialVideo : null,
+        videoGetStatus: materialVideoStatus
+      }, youtubeProps))
+    })
+  });
 };
 var MaterialVideo$1 = new intl.IntlComponentBuilder(MaterialVideo).add('en', en.default).add('ko', ko.default).addAsync('th', Promise.resolve().then(function () { return require('./locales/th.json.js'); })).addAsync('ja', Promise.resolve().then(function () { return require('./locales/ja.json.js'); })).build();
 

package/cjs/components/material-video/MaterialVideo.styled.js

@@ -3,7 +3,11 @@
 var blocks = require('@elice/blocks');
 var styled = require('styled-components');
 
-const StyledMaterialVideoStatus = styled(blocks.Flex).withConfig({
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+var StyledMaterialVideoStatus = styled__default.default(blocks.Flex).withConfig({
   componentId: "sc-dg3csq-0"
 })(["width:100%;height:100%;background-color:#22222c;"]);
 

package/cjs/components/material-video/MaterialVideoContent.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
 var icons = require('@elice/icons');
@@ -12,41 +12,43 @@ var youtubeUrlParser = require('../../utils/youtubeUrlParser.js');
 var YoutubePlayer = require('../youtube-player/YoutubePlayer.js');
 var MaterialVideo_styled = require('./MaterialVideo.styled.js');
 
-const MaterialVideoContent = _a => {
-  var {
-      videoGetStatus,
-      materialVideo
-    } = _a,
+var MaterialVideoContent = function MaterialVideoContent(_a) {
+  var videoGetStatus = _a.videoGetStatus,
+    materialVideo = _a.materialVideo,
     youtubeProps = tslib.__rest(_a, ["videoGetStatus", "materialVideo"]);
-  const intl$1 = intl.useRawEliceIntl();
+  var intl$1 = intl.useRawEliceIntl();
   if (videoGetStatus === 'pending') {
-    return React.createElement(MaterialVideo_styled.StyledMaterialVideoStatus, {
+    return jsxRuntime.jsxs(MaterialVideo_styled.StyledMaterialVideoStatus, {
       align: "center",
-      justify: "center"
-    }, React.createElement(blocks.Spinner, null), React.createElement(blocks.Hspace, {
-      width: 0.5
-    }), React.createElement(blocks.Text, {
-      role: "white"
-    }, intl$1.formatMessage({
-      id: 'video.status.loading'
-    })));
+      justify: "center",
+      children: [jsxRuntime.jsx(blocks.Spinner, {}), jsxRuntime.jsx(blocks.Hspace, {
+        width: 0.5
+      }), jsxRuntime.jsx(blocks.Text, {
+        role: "white",
+        children: intl$1.formatMessage({
+          id: 'video.status.loading'
+        })
+      })]
+    });
   }
   if (!(materialVideo === null || materialVideo === void 0 ? void 0 : materialVideo.url) || videoGetStatus === 'rejected') {
-    return React.createElement(MaterialVideo_styled.StyledMaterialVideoStatus, {
+    return jsxRuntime.jsxs(MaterialVideo_styled.StyledMaterialVideoStatus, {
       align: "center",
-      justify: "center"
-    }, React.createElement(blocks.Icon, {
-      icon: icons.eilStatusWarn,
-      color: designTokens.base.color.white
-    }), React.createElement(blocks.Hspace, {
-      width: 0.5
-    }), React.createElement(blocks.Text, {
-      role: "white"
-    }, intl$1.formatMessage({
-      id: 'video.status.error'
-    })));
+      justify: "center",
+      children: [jsxRuntime.jsx(blocks.Icon, {
+        icon: icons.eilStatusWarn,
+        color: designTokens.base.color.white
+      }), jsxRuntime.jsx(blocks.Hspace, {
+        width: 0.5
+      }), jsxRuntime.jsx(blocks.Text, {
+        role: "white",
+        children: intl$1.formatMessage({
+          id: 'video.status.error'
+        })
+      })]
+    });
   }
-  return React.createElement(YoutubePlayer.default, Object.assign({
+  return jsxRuntime.jsx(YoutubePlayer.default, Object.assign({
     videoId: youtubeUrlParser.youtubeUrlParser(materialVideo.url)
   }, youtubeProps));
 };

package/cjs/components/material-video/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var MaterialVideo = require('./MaterialVideo.js');
+
+
+
+exports.MaterialVideo = MaterialVideo.default;

package/cjs/components/material-video/locales/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var en = require('./en.json.js');
+var ko = require('./ko.json.js');
+var th = require('./th.json.js');
+var ja = require('./ja.json.js');
+
+
+
+exports.messageEn = en.default;
+exports.messageKo = ko.default;
+exports.messageTh = th.default;
+exports.messageJa = ja.default;

package/cjs/components/youtube-player/YoutubePlayer.js

@@ -3,27 +3,34 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var Youtube = require('react-youtube');
 var classnames = require('classnames');
 var YoutubePlayer_styled = require('./YoutubePlayer.styled.js');
 
-const YoutubePlayer = _a => {
-  var {
-      className,
-      videoId,
-      autoPlay = false,
-      disableControl = false,
-      disableKeyboardEvent = false,
-      disableFullscreen = false
-    } = _a,
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var Youtube__default = /*#__PURE__*/_interopDefaultCompat(Youtube);
+var classnames__default = /*#__PURE__*/_interopDefaultCompat(classnames);
+
+var YoutubePlayer = function YoutubePlayer(_a) {
+  var className = _a.className,
+    videoId = _a.videoId,
+    _a$autoPlay = _a.autoPlay,
+    autoPlay = _a$autoPlay === void 0 ? false : _a$autoPlay,
+    _a$disableControl = _a.disableControl,
+    disableControl = _a$disableControl === void 0 ? false : _a$disableControl,
+    _a$disableKeyboardEve = _a.disableKeyboardEvent,
+    disableKeyboardEvent = _a$disableKeyboardEve === void 0 ? false : _a$disableKeyboardEve,
+    _a$disableFullscreen = _a.disableFullscreen,
+    disableFullscreen = _a$disableFullscreen === void 0 ? false : _a$disableFullscreen,
     youtubeProps = tslib.__rest(_a, ["className", "videoId", "autoPlay", "disableControl", "disableKeyboardEvent", "disableFullscreen"]);
-  const prefixCls = 'em-youtube-player';
+  var prefixCls = 'em-youtube-player';
   /**
    * Get options for YouTube IFrame player API.
    * ref: https://developers.google.com/youtube/player_parameters#Parameters
    */
-  const getYoutubeOptions = () => {
+  var getYoutubeOptions = function getYoutubeOptions() {
     return {
       width: '100%',
       height: '100%',
@@ -35,15 +42,16 @@ const YoutubePlayer = _a => {
       }
     };
   };
-  return React.createElement(YoutubePlayer_styled.StyledYoutubePlayerWrapper, {
-    className: classnames(prefixCls, className),
+  return jsxRuntime.jsx(YoutubePlayer_styled.StyledYoutubePlayerWrapper, {
+    className: classnames__default.default(prefixCls, className),
     justify: "center",
-    align: "center"
-  }, React.createElement(Youtube, Object.assign({
-    videoId: videoId,
-    opts: getYoutubeOptions(),
-    containerClassName: `${prefixCls}__inner`
-  }, youtubeProps)));
+    align: "center",
+    children: jsxRuntime.jsx(Youtube__default.default, Object.assign({
+      videoId: videoId,
+      opts: getYoutubeOptions(),
+      containerClassName: "".concat(prefixCls, "__inner")
+    }, youtubeProps))
+  });
 };
 
 exports.default = YoutubePlayer;

package/cjs/components/youtube-player/YoutubePlayer.styled.js

@@ -3,7 +3,11 @@
 var blocks = require('@elice/blocks');
 var styled = require('styled-components');
 
-const StyledYoutubePlayerWrapper = styled(blocks.Flex).withConfig({
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+var StyledYoutubePlayerWrapper = styled__default.default(blocks.Flex).withConfig({
   componentId: "sc-ao5iuk-0"
 })(["width:100%;height:100%;background-color:#22222c;& .em-youtube-player__inner{width:90%;height:90%;}"]);
 

package/cjs/components/youtube-player/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var YoutubePlayer = require('./YoutubePlayer.js');
+
+
+
+exports.YoutubePlayer = YoutubePlayer.default;

package/cjs/utils/youtubeUrlParser.js

@@ -1,17 +1,17 @@
 'use strict';
 
-const YOUTUBE_DOMAIN = 'https://www.youtube.com';
-const YOUTUBE_SHORT_DOMAIN = 'https://youtu.be';
-const YOUTUBE_VIDEO_ID_LENGTH = 11;
+var YOUTUBE_DOMAIN = 'https://www.youtube.com';
+var YOUTUBE_SHORT_DOMAIN = 'https://youtu.be';
+var YOUTUBE_VIDEO_ID_LENGTH = 11;
 /**
  * Get YouTube video id from url using regex
  * @param url URL of youtube
  * @returns id of youtube video OR null when URL is invalid
  */
-const youtubeUrlParser = url => {
+var youtubeUrlParser = function youtubeUrlParser(url) {
   var _a, _b;
-  const pattern = new RegExp(`^(?:${YOUTUBE_DOMAIN}/watch\\?v=|${YOUTUBE_DOMAIN}/embed/|${YOUTUBE_SHORT_DOMAIN}/)(?<videoId>[^?&]+)`);
-  const match = pattern.exec(url);
+  var pattern = new RegExp("^(?:".concat(YOUTUBE_DOMAIN, "/watch\\?v=|").concat(YOUTUBE_DOMAIN, "/embed/|").concat(YOUTUBE_SHORT_DOMAIN, "/)(?<videoId>[^?&]+)"));
+  var match = pattern.exec(url);
   if (match && ((_a = match.groups) === null || _a === void 0 ? void 0 : _a.videoId.length) === YOUTUBE_VIDEO_ID_LENGTH) {
     return (_b = match.groups) === null || _b === void 0 ? void 0 : _b.videoId;
   }

package/es/components/material-video/MaterialVideo.js

@@ -1,4 +1,5 @@
 import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
 import React from 'react';
 import { getOrgMaterialVideoGet, config } from '@elice/api-client';
 import { Flex } from '@elice/blocks';
@@ -10,34 +11,35 @@ import messageEn from './locales/en.json.js';
 import messageKo from './locales/ko.json.js';
 import MaterialVideoContent from './MaterialVideoContent.js';
 
-const MaterialVideo = _a => {
-  var {
-      className,
-      materialVideoId,
-      __intl
-    } = _a,
+var MaterialVideo = function MaterialVideo(_a) {
+  var className = _a.className,
+    materialVideoId = _a.materialVideoId,
+    __intl = _a.__intl,
     youtubeProps = __rest(_a, ["className", "materialVideoId", "__intl"]);
-  const prefixCls = 'em-material-video';
-  const {
-    materialVideo,
-    status: materialVideoStatus
-  } = useMaterialFetch(enums.LectureMaterialType.Video, React.useCallback(signal => getOrgMaterialVideoGet({
-    materialVideoId
-  }, {
-    signal
-  }), [materialVideoId]), config.init);
-  return React.createElement(RawEliceIntlProvider, {
-    value: __intl
-  }, React.createElement(Flex, {
-    className: classnames(prefixCls, className),
-    align: "center",
-    justify: "center",
-    width: "100%",
-    height: "100%"
-  }, React.createElement(MaterialVideoContent, Object.assign({
-    materialVideo: materialVideo !== null && materialVideo !== void 0 ? materialVideo : null,
-    videoGetStatus: materialVideoStatus
-  }, youtubeProps))));
+  var prefixCls = 'em-material-video';
+  var _useMaterialFetch = useMaterialFetch(enums.LectureMaterialType.Video, React.useCallback(function (signal) {
+      return getOrgMaterialVideoGet({
+        materialVideoId: materialVideoId
+      }, {
+        signal: signal
+      });
+    }, [materialVideoId]), config.init),
+    materialVideo = _useMaterialFetch.materialVideo,
+    materialVideoStatus = _useMaterialFetch.status;
+  return jsx(RawEliceIntlProvider, {
+    value: __intl,
+    children: jsx(Flex, {
+      className: classnames(prefixCls, className),
+      align: "center",
+      justify: "center",
+      width: "100%",
+      height: "100%",
+      children: jsx(MaterialVideoContent, Object.assign({
+        materialVideo: materialVideo !== null && materialVideo !== void 0 ? materialVideo : null,
+        videoGetStatus: materialVideoStatus
+      }, youtubeProps))
+    })
+  });
 };
 var MaterialVideo$1 = new IntlComponentBuilder(MaterialVideo).add('en', messageEn).add('ko', messageKo).addAsync('th', import('./locales/th.json.js')).addAsync('ja', import('./locales/ja.json.js')).build();
 

package/es/components/material-video/MaterialVideo.styled.js

@@ -1,7 +1,7 @@
 import { Flex } from '@elice/blocks';
 import styled from 'styled-components';
 
-const StyledMaterialVideoStatus = styled(Flex).withConfig({
+var StyledMaterialVideoStatus = styled(Flex).withConfig({
   componentId: "sc-dg3csq-0"
 })(["width:100%;height:100%;background-color:#22222c;"]);
 

package/es/components/material-video/MaterialVideoContent.js

@@ -1,5 +1,5 @@
 import { __rest } from 'tslib';
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Spinner, Hspace, Text, Icon } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
 import { eilStatusWarn } from '@elice/icons';
@@ -8,41 +8,43 @@ import { youtubeUrlParser } from '../../utils/youtubeUrlParser.js';
 import YoutubePlayer from '../youtube-player/YoutubePlayer.js';
 import { StyledMaterialVideoStatus } from './MaterialVideo.styled.js';
 
-const MaterialVideoContent = _a => {
-  var {
-      videoGetStatus,
-      materialVideo
-    } = _a,
+var MaterialVideoContent = function MaterialVideoContent(_a) {
+  var videoGetStatus = _a.videoGetStatus,
+    materialVideo = _a.materialVideo,
     youtubeProps = __rest(_a, ["videoGetStatus", "materialVideo"]);
-  const intl = useRawEliceIntl();
+  var intl = useRawEliceIntl();
   if (videoGetStatus === 'pending') {
-    return React.createElement(StyledMaterialVideoStatus, {
+    return jsxs(StyledMaterialVideoStatus, {
       align: "center",
-      justify: "center"
-    }, React.createElement(Spinner, null), React.createElement(Hspace, {
-      width: 0.5
-    }), React.createElement(Text, {
-      role: "white"
-    }, intl.formatMessage({
-      id: 'video.status.loading'
-    })));
+      justify: "center",
+      children: [jsx(Spinner, {}), jsx(Hspace, {
+        width: 0.5
+      }), jsx(Text, {
+        role: "white",
+        children: intl.formatMessage({
+          id: 'video.status.loading'
+        })
+      })]
+    });
   }
   if (!(materialVideo === null || materialVideo === void 0 ? void 0 : materialVideo.url) || videoGetStatus === 'rejected') {
-    return React.createElement(StyledMaterialVideoStatus, {
+    return jsxs(StyledMaterialVideoStatus, {
       align: "center",
-      justify: "center"
-    }, React.createElement(Icon, {
-      icon: eilStatusWarn,
-      color: base.color.white
-    }), React.createElement(Hspace, {
-      width: 0.5
-    }), React.createElement(Text, {
-      role: "white"
-    }, intl.formatMessage({
-      id: 'video.status.error'
-    })));
+      justify: "center",
+      children: [jsx(Icon, {
+        icon: eilStatusWarn,
+        color: base.color.white
+      }), jsx(Hspace, {
+        width: 0.5
+      }), jsx(Text, {
+        role: "white",
+        children: intl.formatMessage({
+          id: 'video.status.error'
+        })
+      })]
+    });
   }
-  return React.createElement(YoutubePlayer, Object.assign({
+  return jsx(YoutubePlayer, Object.assign({
     videoId: youtubeUrlParser(materialVideo.url)
   }, youtubeProps));
 };

package/es/components/material-video/index.js

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

package/es/components/material-video/locales/index.js

@@ -0,0 +1,4 @@
+export { default as messageEn } from './en.json.js';
+export { default as messageKo } from './ko.json.js';
+export { default as messageTh } from './th.json.js';
+export { default as messageJa } from './ja.json.js';

package/es/components/youtube-player/YoutubePlayer.js

@@ -1,25 +1,27 @@
 import { __rest } from 'tslib';
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import Youtube from 'react-youtube';
 import classnames from 'classnames';
 import { StyledYoutubePlayerWrapper } from './YoutubePlayer.styled.js';
 
-const YoutubePlayer = _a => {
-  var {
-      className,
-      videoId,
-      autoPlay = false,
-      disableControl = false,
-      disableKeyboardEvent = false,
-      disableFullscreen = false
-    } = _a,
+var YoutubePlayer = function YoutubePlayer(_a) {
+  var className = _a.className,
+    videoId = _a.videoId,
+    _a$autoPlay = _a.autoPlay,
+    autoPlay = _a$autoPlay === void 0 ? false : _a$autoPlay,
+    _a$disableControl = _a.disableControl,
+    disableControl = _a$disableControl === void 0 ? false : _a$disableControl,
+    _a$disableKeyboardEve = _a.disableKeyboardEvent,
+    disableKeyboardEvent = _a$disableKeyboardEve === void 0 ? false : _a$disableKeyboardEve,
+    _a$disableFullscreen = _a.disableFullscreen,
+    disableFullscreen = _a$disableFullscreen === void 0 ? false : _a$disableFullscreen,
     youtubeProps = __rest(_a, ["className", "videoId", "autoPlay", "disableControl", "disableKeyboardEvent", "disableFullscreen"]);
-  const prefixCls = 'em-youtube-player';
+  var prefixCls = 'em-youtube-player';
   /**
    * Get options for YouTube IFrame player API.
    * ref: https://developers.google.com/youtube/player_parameters#Parameters
    */
-  const getYoutubeOptions = () => {
+  var getYoutubeOptions = function getYoutubeOptions() {
     return {
       width: '100%',
       height: '100%',
@@ -31,15 +33,16 @@ const YoutubePlayer = _a => {
       }
     };
   };
-  return React.createElement(StyledYoutubePlayerWrapper, {
+  return jsx(StyledYoutubePlayerWrapper, {
     className: classnames(prefixCls, className),
     justify: "center",
-    align: "center"
-  }, React.createElement(Youtube, Object.assign({
-    videoId: videoId,
-    opts: getYoutubeOptions(),
-    containerClassName: `${prefixCls}__inner`
-  }, youtubeProps)));
+    align: "center",
+    children: jsx(Youtube, Object.assign({
+      videoId: videoId,
+      opts: getYoutubeOptions(),
+      containerClassName: "".concat(prefixCls, "__inner")
+    }, youtubeProps))
+  });
 };
 
 export { YoutubePlayer as default };

package/es/components/youtube-player/YoutubePlayer.styled.js

@@ -1,7 +1,7 @@
 import { Flex } from '@elice/blocks';
 import styled from 'styled-components';
 
-const StyledYoutubePlayerWrapper = styled(Flex).withConfig({
+var StyledYoutubePlayerWrapper = styled(Flex).withConfig({
   componentId: "sc-ao5iuk-0"
 })(["width:100%;height:100%;background-color:#22222c;& .em-youtube-player__inner{width:90%;height:90%;}"]);
 

package/es/components/youtube-player/index.js

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

package/es/utils/youtubeUrlParser.js

@@ -1,15 +1,15 @@
-const YOUTUBE_DOMAIN = 'https://www.youtube.com';
-const YOUTUBE_SHORT_DOMAIN = 'https://youtu.be';
-const YOUTUBE_VIDEO_ID_LENGTH = 11;
+var YOUTUBE_DOMAIN = 'https://www.youtube.com';
+var YOUTUBE_SHORT_DOMAIN = 'https://youtu.be';
+var YOUTUBE_VIDEO_ID_LENGTH = 11;
 /**
  * Get YouTube video id from url using regex
  * @param url URL of youtube
  * @returns id of youtube video OR null when URL is invalid
  */
-const youtubeUrlParser = url => {
+var youtubeUrlParser = function youtubeUrlParser(url) {
   var _a, _b;
-  const pattern = new RegExp(`^(?:${YOUTUBE_DOMAIN}/watch\\?v=|${YOUTUBE_DOMAIN}/embed/|${YOUTUBE_SHORT_DOMAIN}/)(?<videoId>[^?&]+)`);
-  const match = pattern.exec(url);
+  var pattern = new RegExp("^(?:".concat(YOUTUBE_DOMAIN, "/watch\\?v=|").concat(YOUTUBE_DOMAIN, "/embed/|").concat(YOUTUBE_SHORT_DOMAIN, "/)(?<videoId>[^?&]+)"));
+  var match = pattern.exec(url);
   if (match && ((_a = match.groups) === null || _a === void 0 ? void 0 : _a.videoId.length) === YOUTUBE_VIDEO_ID_LENGTH) {
     return (_b = match.groups) === null || _b === void 0 ? void 0 : _b.videoId;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-video",
-  "version": "1.240718.2",
+  "version": "1.240719.0",
   "description": "User view and editing components of Elice material video",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -17,10 +17,8 @@
   "scripts": {
     "start": "run-s watch",
     "prebuild": "run-s clean",
-    "build": "run-p build:es build:cjs",
-    "build:es": "rollup -c ../../rollup.config.ts --configPlugin typescript -f es",
-    "build:cjs": "rollup -c ../../rollup.config.ts --configPlugin typescript -f cjs",
-    "watch": "rollup -c ../../rollup.config.ts --configPlugin typescript -f es -w",
+    "build": "cross-env NODE_ENV=production rollup -c ../../rollup.config.ts --configPlugin typescript -f es -f cjs",
+    "watch": "rollup -c ../../rollup.config.ts --configPlugin typescript -f es -f cjs -w",
     "lint": "eslint --ext .ts,.tsx ./src --max-warnings=0",
     "clean": "del-cli \"es/*\" \"cjs/*\" \"dist/*\""
   },
@@ -44,20 +42,19 @@
   },
   "devDependencies": {
     "@elice/api-client": "^1.240619.0",
-    "@elice/blocks": "^1.240514.0",
+    "@elice/blocks": "^1.240529.0",
     "@elice/design-tokens": "^1.220803.0",
     "@elice/icons": "^1.230814.0",
     "@elice/icons-legacy": "npm:@elice/icons@0.230814.0",
     "@elice/intl": "0.240425.0-rc.2",
-    "@elice/material-shared-types": "1.240718.2",
-    "@elice/material-shared-utils": "1.240718.2",
-    "@elice/types": "^1.240619.0",
+    "@elice/material-shared-types": "1.240719.0",
+    "@elice/material-shared-utils": "1.240719.0",
+    "@elice/types": "1.240709.0",
     "@types/classnames": "^2.3.1",
     "@types/react": "~17.0.9",
     "@types/styled-components": "^5.1.21",
     "react": "^17.0.2",
     "react-use": "^17.2.4",
     "styled-components": "^5.3.0"
-  },
-  "gitHead": "cd595d8015f44aa8518f22e37b7d2fb981a2b71d"
+  }
 }