pds-dev-kit-web-test 2.5.392 → 2.5.393

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/VideoPlayer.js

@@ -61,12 +61,7 @@ function VideoPlayer(props) {
     var _f = (0, react_1.useState)(function () {
         return (0, helper_1.parseTargetUrl)(CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR).encodedURL;
     }), videoURL = _f[0], setVideoURL = _f[1];
-    var _g = (0, react_1.useState)(null), videoError = _g[0], setVideoError = _g[1];
-    var onVideoError = function (error) {
-        var message = '비디오에러: ';
-        if (error === null || error === void 0 ? void 0 : error.message) {
-            message += "\n".concat(error.message);
-        }
+    var onVideoError = function () {
         var fallbackURL = (0, helper_1.parseTargetUrl)(CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR).fallbackURL;
         var isFallbackURL = fallbackURL === videoURL;
         if (fallbackURL && !isFallbackURL) {
@@ -74,11 +69,6 @@ function VideoPlayer(props) {
             return;
         }
     };
-    var handleShowError = function () {
-        if (videoError) {
-            window.alert(videoError);
-        }
-    };
     var onLoadedMetadata = function () {
         setVideoLoaded(true);
     };
@@ -125,18 +115,7 @@ function VideoPlayer(props) {
     (0, react_1.useEffect)(function () {
         setVideoURL((0, helper_1.parseTargetUrl)(CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR).encodedURL);
     }, [CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsxs)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign({}, propsStyle), layoutStyle), effectCssProperties), bgColorStyle), hoverStyle: __assign(__assign({}, propsHoverStyle), bgColorHoverStyle), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device }, { children: [videoError && ((0, jsx_runtime_1.jsx)("div", __assign({ style: {
-                                position: 'absolute',
-                                top: 12,
-                                right: 12,
-                                zIndex: 2,
-                                background: 'rgba(0,0,0,0.7)',
-                                borderRadius: 4,
-                                padding: '4px 8px',
-                                fontSize: 12,
-                                color: '#fff',
-                                cursor: 'pointer'
-                            }, onClick: handleShowError }, { children: "\uC5D0\uB7EC \uBCF4\uAE30" }))), isEditMode && ((0, jsx_runtime_1.jsx)("div", __assign({ style: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsxs)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign({}, propsStyle), layoutStyle), effectCssProperties), bgColorStyle), hoverStyle: __assign(__assign({}, propsHoverStyle), bgColorHoverStyle), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device }, { children: [isEditMode && ((0, jsx_runtime_1.jsx)("div", __assign({ style: {
                                 position: 'absolute',
                                 top: '50%',
                                 left: '50%',
@@ -146,7 +125,7 @@ function VideoPlayer(props) {
                                 alignItems: 'center',
                                 justifyContent: 'center',
                                 transform: 'translate(-50%, -50%)'
-                            } }, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { iconName: "ic_video_play_circle", fillType: "fill", colorKey: "ui_cpnt_icon_sys_white", size: 48 }) }))), (0, jsx_runtime_1.jsxs)(S_Video, __assign({ muted: true, playsInline: true, controls: !isEditMode, isEditMode: isEditMode, ref: videoRef, poster: CB_CONTENT_PROP_VIDEO_SPEC_THUMB, onLoadedMetadata: onLoadedMetadata, onPlay: onPlay, onError: onVideoError, "data-src": CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR }, { children: [(0, jsx_runtime_1.jsx)("source", { src: videoURL }), "Your browser does not support the video tag."] }), videoURL + CB_CONTENT_PROP_VIDEO_SPEC_THUMB)] })) }))] }));
+                            } }, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { iconName: "ic_video_play_circle", fillType: "fill", colorKey: "ui_cpnt_icon_sys_white", size: 48 }) }))), (0, jsx_runtime_1.jsxs)(S_Video, __assign({ preload: "metadata", muted: true, playsInline: true, controls: !isEditMode, isEditMode: isEditMode, ref: videoRef, poster: CB_CONTENT_PROP_VIDEO_SPEC_THUMB, onLoadedMetadata: onLoadedMetadata, onPlay: onPlay, onError: onVideoError, "data-src": CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR }, { children: [(0, jsx_runtime_1.jsx)("source", { src: videoURL }), "Your browser does not support the video tag."] }), videoURL + CB_CONTENT_PROP_VIDEO_SPEC_THUMB)] })) }))] }));
 }
 function getBGColorStyles(props, device) {
     var availableSpecCodes = [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.5.392",
+  "version": "2.5.393",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",