@elice/material-video 1.230210.0 → 1.230217.0-sepmatlec.0

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

@@ -16,8 +16,6 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
 const MaterialVideo = _a => {
-  var _b;
-
   var {
     className,
     materialVideoId,
@@ -26,11 +24,14 @@ const MaterialVideo = _a => {
       youtubeProps = tslib.__rest(_a, ["className", "materialVideoId", "locale"]);
 
   const prefixCls = 'em-material-video';
-  const [materialVideo, materialVideoStatus] = materialSharedUtils.useMaterialInitFetch(apiClient.config.init, React__default["default"].useCallback(signal => apiClient.getOrgMaterialVideoGet({
+  const {
+    materialVideo,
+    status: materialVideoStatus
+  } = materialSharedUtils.useMaterialFetch('materialVideo', React__default["default"].useCallback(signal => apiClient.getOrgMaterialVideoGet({
     materialVideoId
   }, {
     signal
-  }), [materialVideoId]));
+  }), [materialVideoId]), apiClient.config.init);
   return React__default["default"].createElement(blocks.Flex, {
     className: classnames__default["default"](prefixCls, className),
     align: "center",
@@ -42,7 +43,7 @@ const MaterialVideo = _a => {
     defaultLocale: "en",
     messages: locale in locales ? locales[locale] : locales.en
   }, React__default["default"].createElement(MaterialVideoContent, Object.assign({
-    materialVideo: (_b = materialVideo === null || materialVideo === void 0 ? void 0 : materialVideo.materialVideo) !== null && _b !== void 0 ? _b : null,
+    materialVideo: materialVideo !== null && materialVideo !== void 0 ? materialVideo : null,
     videoGetStatus: materialVideoStatus
   }, youtubeProps))));
 };

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

@@ -1,17 +1,15 @@
 import { __rest } from 'tslib';
 import React from 'react';
 import { IntlProvider } from 'react-intl';
-import { config, getOrgMaterialVideoGet } from '@elice/api-client';
+import { getOrgMaterialVideoGet, config } from '@elice/api-client';
 import { Flex } from '@elice/blocks';
-import { useMaterialInitFetch } from '@elice/material-shared-utils';
+import { useMaterialFetch } from '@elice/material-shared-utils';
 import classnames from 'classnames';
 import * as locales from './locales.js';
 import { en } from './locales.js';
 import MaterialVideoContent from './MaterialVideoContent.js';
 
 const MaterialVideo = _a => {
-  var _b;
-
   var {
     className,
     materialVideoId,
@@ -20,11 +18,14 @@ const MaterialVideo = _a => {
       youtubeProps = __rest(_a, ["className", "materialVideoId", "locale"]);
 
   const prefixCls = 'em-material-video';
-  const [materialVideo, materialVideoStatus] = useMaterialInitFetch(config.init, React.useCallback(signal => getOrgMaterialVideoGet({
+  const {
+    materialVideo,
+    status: materialVideoStatus
+  } = useMaterialFetch('materialVideo', React.useCallback(signal => getOrgMaterialVideoGet({
     materialVideoId
   }, {
     signal
-  }), [materialVideoId]));
+  }), [materialVideoId]), config.init);
   return React.createElement(Flex, {
     className: classnames(prefixCls, className),
     align: "center",
@@ -36,7 +37,7 @@ const MaterialVideo = _a => {
     defaultLocale: "en",
     messages: locale in locales ? locales[locale] : en
   }, React.createElement(MaterialVideoContent, Object.assign({
-    materialVideo: (_b = materialVideo === null || materialVideo === void 0 ? void 0 : materialVideo.materialVideo) !== null && _b !== void 0 ? _b : null,
+    materialVideo: materialVideo !== null && materialVideo !== void 0 ? materialVideo : null,
     videoGetStatus: materialVideoStatus
   }, youtubeProps))));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-video",
-  "version": "1.230210.0",
+  "version": "1.230217.0-sepmatlec.0",
   "description": "User view and editing components of Elice material video",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -29,13 +29,13 @@
     "clean": "del-cli \"es/*\" \"cjs/*\" \"dist/*\""
   },
   "peerDependencies": {
-    "@elice/api-client": "1.221217.0",
+    "@elice/api-client": "1.230126.0-sepmatlec.3",
     "@elice/blocks": "^1.220803.0",
     "@elice/design-tokens": "^1.220803.0",
     "@elice/icons": "^1.220803.0",
     "@elice/material-shared-types": "*",
     "@elice/material-shared-utils": "*",
-    "@elice/types": "1.221217.0",
+    "@elice/types": "1.230126.0-sepmatlec.3",
     "react": "^16.8.0  || ^17.0.0 || ^18.0.0",
     "react-intl": "^5.0.0",
     "react-use": "^17.0.0",
@@ -47,14 +47,14 @@
     "tslib": "^2.3.1"
   },
   "devDependencies": {
-    "@elice/api-client": "1.221217.0",
+    "@elice/api-client": "1.230126.0-sepmatlec.3",
     "@elice/blocks": "^1.220803.0",
     "@elice/design-tokens": "^1.220803.0",
     "@elice/icons": "^1.220803.0",
     "@elice/icons-legacy": "npm:@elice/icons@0.220803.1",
-    "@elice/material-shared-types": "1.230210.0",
-    "@elice/material-shared-utils": "1.230210.0",
-    "@elice/types": "1.221217.0",
+    "@elice/material-shared-types": "1.230217.0-sepmatlec.0",
+    "@elice/material-shared-utils": "1.230217.0-sepmatlec.0",
+    "@elice/types": "1.230126.0-sepmatlec.3",
     "@types/classnames": "^2.3.1",
     "@types/react": "~17.0.9",
     "@types/styled-components": "^5.1.21",
@@ -63,5 +63,5 @@
     "react-use": "^17.2.4",
     "styled-components": "^5.3.0"
   },
-  "gitHead": "d97a629bfa5eda5d863355cae30fdf5ec038ceba"
+  "gitHead": "6b2a7a2aa54b21685ea99f8bb5f240cdfd1b343a"
 }