@elice/material-shared-utils 1.230325.0 → 1.230418.0

package/es/components/MaterialIntlProvider.js

@@ -1,18 +1,20 @@
 import React from 'react';
 import { IntlProvider } from 'react-intl';
 
-const INTL_DEFAULT_LOCALE = 'ko';
-const INTL_DEFAULT_PHRASES = {};
+var INTL_DEFAULT_LOCALE = 'ko';
+var INTL_DEFAULT_PHRASES = {};
 /**
  * IntlProvider for material components.
  */
-
-const MaterialIntlProvider = ({
-  children,
-  locale = INTL_DEFAULT_LOCALE,
-  phrases = INTL_DEFAULT_PHRASES
-}) => {
-  const messages = React.useMemo(() => locale in phrases ? phrases[locale] : phrases[INTL_DEFAULT_LOCALE], [locale, phrases]);
+var MaterialIntlProvider = function MaterialIntlProvider(_ref) {
+  var children = _ref.children,
+    _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? INTL_DEFAULT_LOCALE : _ref$locale,
+    _ref$phrases = _ref.phrases,
+    phrases = _ref$phrases === void 0 ? INTL_DEFAULT_PHRASES : _ref$phrases;
+  var messages = React.useMemo(function () {
+    return locale in phrases ? phrases[locale] : phrases[INTL_DEFAULT_LOCALE];
+  }, [locale, phrases]);
   return React.createElement(IntlProvider, {
     children: children,
     locale: locale,

package/es/hooks/useCallbackProp.js

@@ -1,8 +1,8 @@
 import React from 'react';
 
-const useCallbackProp = cb => {
-  const cbRef = React.useRef(cb);
-  React.useEffect(() => {
+var useCallbackProp = function useCallbackProp(cb) {
+  var cbRef = React.useRef(cb);
+  React.useEffect(function () {
     cbRef.current = cb;
   }, [cb]);
   return cbRef;

package/es/material-config/MaterialConfigContext.js

@@ -1,7 +1,7 @@
 import { createContext } from 'react';
 import { BehaviorSubject } from 'rxjs';
 
-const MaterialConfigContext = createContext(null);
-const sessionKeySubject$ = new BehaviorSubject(null);
+var MaterialConfigContext = createContext(null);
+var sessionKeySubject$ = new BehaviorSubject(null);
 
 export { MaterialConfigContext, sessionKeySubject$ };

package/es/material-config/MaterialConfigProvider.js

@@ -1,37 +1,46 @@
+import { slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { sessionKeySubject$, MaterialConfigContext } from './MaterialConfigContext.js';
 
-const MaterialConfigProvider = ({
-  children,
-  apiOriginUrl,
-  apiWsOriginUrl,
-  orgNameShort: orgNameShortProp = 'academy'
-}) => {
-  const [orgNameShort, setOrgNameShort] = React.useState(orgNameShortProp);
-  const [sessionKey, setSessionKey] = React.useState(null); //
+var MaterialConfigProvider = function MaterialConfigProvider(_ref) {
+  var children = _ref.children,
+    apiOriginUrl = _ref.apiOriginUrl,
+    apiWsOriginUrl = _ref.apiWsOriginUrl,
+    _ref$orgNameShort = _ref.orgNameShort,
+    orgNameShortProp = _ref$orgNameShort === void 0 ? 'academy' : _ref$orgNameShort;
+  var _React$useState = React.useState(orgNameShortProp),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    orgNameShort = _React$useState2[0],
+    setOrgNameShort = _React$useState2[1];
+  var _React$useState3 = React.useState(null),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    sessionKey = _React$useState4[0],
+    setSessionKey = _React$useState4[1];
+  //
   // Update org name short.
   //
-
-  React.useEffect(() => setOrgNameShort(orgNameShortProp), [orgNameShortProp]); //
+  React.useEffect(function () {
+    return setOrgNameShort(orgNameShortProp);
+  }, [orgNameShortProp]);
+  //
   // Update session key when session key subject emits.
   //
-
-  React.useEffect(() => {
-    const sub = sessionKeySubject$.subscribe(setSessionKey);
-    return () => {
+  React.useEffect(function () {
+    var sub = sessionKeySubject$.subscribe(setSessionKey);
+    return function () {
       sub.unsubscribe();
     };
-  }, []); //
+  }, []);
+  //
   //
   //
-
   return React.createElement(MaterialConfigContext.Provider, {
     children: children,
     value: {
-      apiOriginUrl,
-      apiWsOriginUrl,
-      orgNameShort,
-      sessionKey
+      apiOriginUrl: apiOriginUrl,
+      apiWsOriginUrl: apiWsOriginUrl,
+      orgNameShort: orgNameShort,
+      sessionKey: sessionKey
     }
   });
 };

package/es/material-config/useMaterialConfig.js

@@ -1,13 +1,11 @@
 import { useContext } from 'react';
 import { MaterialConfigContext } from './MaterialConfigContext.js';
 
-const useMaterialConfig = () => {
-  const context = useContext(MaterialConfigContext);
-
+var useMaterialConfig = function useMaterialConfig() {
+  var context = useContext(MaterialConfigContext);
   if (context === undefined) {
     throw new Error('Oops, `useMaterialConfig` must be used within a `MaterialConfigProvider`');
   }
-
   return context;
 };
 

package/es/material-config/useMaterialConfigApiClientUpdate.js

@@ -1,18 +1,19 @@
+import { slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { useContext, useState } from 'react';
 import { useDeepCompareEffect } from 'react-use';
 import { MaterialConfigContext } from './MaterialConfigContext.js';
 
-const useMaterialConfigApiClientUpdate = callback => {
-  const context = useContext(MaterialConfigContext);
-
+var useMaterialConfigApiClientUpdate = function useMaterialConfigApiClientUpdate(callback) {
+  var context = useContext(MaterialConfigContext);
   if (!context) {
     throw new Error('Oops, Elice material component must be used within a `MaterialConfigProvider`');
   }
-
-  const [isReady, setReady] = useState(false);
-  useDeepCompareEffect(() => {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isReady = _useState2[0],
+    setReady = _useState2[1];
+  useDeepCompareEffect(function () {
     var _a;
-
     callback({
       apiBaseUrl: context.apiOriginUrl,
       orgNameShort: context.orgNameShort,

package/es/material-config/utils.js

@@ -3,7 +3,6 @@ import { sessionKeySubject$ } from './MaterialConfigContext.js';
 /**
  * Update session key.
  */
-
 function updateMaterialConfigSessionKey(sessionKey) {
   sessionKeySubject$.next(sessionKey);
 }

package/es/material-fetch/useMaterialFetch.d.ts

@@ -40,10 +40,12 @@ export declare const useMaterialFetch: <MT extends enums.LectureMaterialType, R
         isResponded: boolean;
         lectureGroupType: enums.LectureGroupType | null;
         lectureId: number;
+        libraryInfo: any;
         mainOrderNo: number;
         materialId: number;
         materialKey: string;
         materialType: enums.LectureMaterialType;
+        materialErn: string;
         modifiedDatetime: number;
         openScheduleDatetime: number | null;
         originCourse: {

package/es/material-fetch/useMaterialFetch.js

@@ -5,7 +5,7 @@ import { useMaterialFetchRaw } from './useMaterialFetchRaw.js';
 
 //
 //
-
+//
 /**
  * Init api client and fetch material for contaner.
  *
@@ -24,9 +24,8 @@ import { useMaterialFetchRaw } from './useMaterialFetchRaw.js';
  *     eliceApiClientConfigs.init
  *   );
  */
-
-const useMaterialFetch = (materialType, materialFetchFn, init) => {
-  const isReady = useMaterialConfigApiClientUpdate(init);
+var useMaterialFetch = function useMaterialFetch(materialType, materialFetchFn, init) {
+  var isReady = useMaterialConfigApiClientUpdate(init);
   return useMaterialFetchRaw(materialType, materialFetchFn, isReady);
 };
 

package/es/material-fetch/useMaterialFetchRaw.d.ts

@@ -9,13 +9,14 @@ export interface FetchKeyMap {
     [enums.LectureMaterialType.PDF]: 'materialPdf';
     [enums.LectureMaterialType.Exercise]: 'materialExercise';
     [enums.LectureMaterialType.Quiz]: 'materialQuiz';
-    [enums.LectureMaterialType.Runbox]: 'materialRunbox';
+    [enums.LectureMaterialType.LegacyRunbox]: 'materialLegacyRunbox';
     [enums.LectureMaterialType.VideoFile]: 'materialVideoFile';
     [enums.LectureMaterialType.Live]: 'materialLive';
     [enums.LectureMaterialType.Assignment]: 'materialAssignment';
     [enums.LectureMaterialType.LMSPublicContent]: 'materialLmsPublicContent';
     [enums.LectureMaterialType.External]: 'materialExternal';
     [enums.LectureMaterialType.Survey]: 'materialSurvey';
+    [enums.LectureMaterialType.Runbox]: 'materialRunbox';
 }
 /**
  * Init api client and fetch material for contaner.

package/es/material-fetch/useMaterialFetchRaw.js

@@ -1,25 +1,13 @@
+import { defineProperty as _defineProperty, slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { useRef, useState, useCallback, useEffect } from 'react';
 import { getOrgLecturePageResolve, getOrgLecturePageGet } from '@elice/api-client';
 import { enums } from '@elice/types';
 
-const MATERIAL_FETCH_KEY_MAP = Object.freeze({
-  [enums.LectureMaterialType.Nothing]: 'materialNothing',
-  [enums.LectureMaterialType.Note]: 'materialNote',
-  [enums.LectureMaterialType.Video]: 'materialVideo',
-  [enums.LectureMaterialType.PDF]: 'materialPdf',
-  [enums.LectureMaterialType.Exercise]: 'materialExercise',
-  [enums.LectureMaterialType.Quiz]: 'materialQuiz',
-  [enums.LectureMaterialType.Runbox]: 'materialRunbox',
-  [enums.LectureMaterialType.VideoFile]: 'materialVideoFile',
-  [enums.LectureMaterialType.Live]: 'materialLive',
-  [enums.LectureMaterialType.Assignment]: 'materialAssignment',
-  [enums.LectureMaterialType.LMSPublicContent]: 'materialLmsPublicContent',
-  [enums.LectureMaterialType.External]: 'materialExternal',
-  [enums.LectureMaterialType.Survey]: 'materialSurvey'
-}); //
+var _Object$freeze;
+var MATERIAL_FETCH_KEY_MAP = Object.freeze((_Object$freeze = {}, _defineProperty(_Object$freeze, enums.LectureMaterialType.Nothing, 'materialNothing'), _defineProperty(_Object$freeze, enums.LectureMaterialType.Note, 'materialNote'), _defineProperty(_Object$freeze, enums.LectureMaterialType.Video, 'materialVideo'), _defineProperty(_Object$freeze, enums.LectureMaterialType.PDF, 'materialPdf'), _defineProperty(_Object$freeze, enums.LectureMaterialType.Exercise, 'materialExercise'), _defineProperty(_Object$freeze, enums.LectureMaterialType.Quiz, 'materialQuiz'), _defineProperty(_Object$freeze, enums.LectureMaterialType.LegacyRunbox, 'materialLegacyRunbox'), _defineProperty(_Object$freeze, enums.LectureMaterialType.VideoFile, 'materialVideoFile'), _defineProperty(_Object$freeze, enums.LectureMaterialType.Live, 'materialLive'), _defineProperty(_Object$freeze, enums.LectureMaterialType.Assignment, 'materialAssignment'), _defineProperty(_Object$freeze, enums.LectureMaterialType.LMSPublicContent, 'materialLmsPublicContent'), _defineProperty(_Object$freeze, enums.LectureMaterialType.External, 'materialExternal'), _defineProperty(_Object$freeze, enums.LectureMaterialType.Survey, 'materialSurvey'), _defineProperty(_Object$freeze, enums.LectureMaterialType.Runbox, 'materialRunbox'), _Object$freeze));
+//
 //
 //
-
 /**
  * Init api client and fetch material for contaner.
  *
@@ -38,66 +26,93 @@ const MATERIAL_FETCH_KEY_MAP = Object.freeze({
  *     isReady // boolean
  *   );
  */
-
-const useMaterialFetchRaw = (materialType, materialFetchFn, isReady = true) => {
-  const _return = useRef({});
-
-  const materialKey = MATERIAL_FETCH_KEY_MAP[materialType];
-
-  const _createEmptyFetchRes = () => ({
-    [materialKey]: null,
-    materialLecturePage: null
-  });
-
-  const [matFetchRes, setMatFetchRes] = useState(_createEmptyFetchRes);
-  const [matFetchStatus, setMatFetchStatus] = useState('idle');
+var useMaterialFetchRaw = function useMaterialFetchRaw(materialType, materialFetchFn) {
+  var isReady = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  var _return = useRef({});
+  var materialKey = MATERIAL_FETCH_KEY_MAP[materialType];
+  var _createEmptyFetchRes = function _createEmptyFetchRes() {
+    var _ref;
+    return _ref = {}, _defineProperty(_ref, materialKey, null), _defineProperty(_ref, "materialLecturePage", null), _ref;
+  };
+  var _useState = useState(_createEmptyFetchRes),
+    _useState2 = _slicedToArray(_useState, 2),
+    matFetchRes = _useState2[0],
+    setMatFetchRes = _useState2[1];
+  var _useState3 = useState('idle'),
+    _useState4 = _slicedToArray(_useState3, 2),
+    matFetchStatus = _useState4[0],
+    setMatFetchStatus = _useState4[1];
   /**
    * fetch material and lecture page
    */
-
-  const fetch = useCallback(async signal => {
-    setMatFetchStatus('pending');
-    return materialFetchFn(signal).then(resMaterialGet => resMaterialGet[materialKey]).then(material => Promise.all([material, getOrgLecturePageResolve({
-      materialId: material.id,
-      materialType
-    }, {
-      signal: signal
-    }).then(resLecturePageResolve => getOrgLecturePageGet({
-      lecturePageId: resLecturePageResolve.lecturePageId
-    }, {
-      signal: signal
-    })).then(resLecturePageGet => resLecturePageGet.lecturePage)])).then(([material, materialLecturePage]) => {
-      setMatFetchRes({
-        [materialKey]: material,
-        materialLecturePage
-      });
-      setMatFetchStatus('resolved');
-    }).catch(err => {
-      if (err.name !== 'AbortError') {
-        setMatFetchRes(_createEmptyFetchRes);
-        setMatFetchStatus('rejected');
-      }
-    });
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  [materialKey, materialFetchFn]); //
+  var fetch = useCallback( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(signal) {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setMatFetchStatus('pending');
+            return _context.abrupt("return", materialFetchFn(signal).then(function (resMaterialGet) {
+              return resMaterialGet[materialKey];
+            }).then(function (material) {
+              return Promise.all([material, getOrgLecturePageResolve({
+                materialId: material.id,
+                materialType: materialType
+              }, {
+                signal: signal
+              }).then(function (resLecturePageResolve) {
+                return getOrgLecturePageGet({
+                  lecturePageId: resLecturePageResolve.lecturePageId
+                }, {
+                  signal: signal
+                });
+              }).then(function (resLecturePageGet) {
+                return resLecturePageGet.lecturePage;
+              })]);
+            }).then(function (_ref3) {
+              var _setMatFetchRes;
+              var _ref4 = _slicedToArray(_ref3, 2),
+                material = _ref4[0],
+                materialLecturePage = _ref4[1];
+              setMatFetchRes((_setMatFetchRes = {}, _defineProperty(_setMatFetchRes, materialKey, material), _defineProperty(_setMatFetchRes, "materialLecturePage", materialLecturePage), _setMatFetchRes));
+              setMatFetchStatus('resolved');
+            }).catch(function (err) {
+              if (err.name !== 'AbortError') {
+                setMatFetchRes(_createEmptyFetchRes);
+                setMatFetchStatus('rejected');
+              }
+            }));
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(),
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [materialKey, materialFetchFn]);
+  //
   // emit `fetch` when `isReady` is changed
   //
-
-  useEffect(() => {
+  useEffect(function () {
     if (!isReady) {
       return;
     }
-
-    const abortCtrl = new AbortController();
-    fetch(abortCtrl.signal).catch(() => void 0);
-    return () => {
+    var abortCtrl = new AbortController();
+    fetch(abortCtrl.signal).catch(function () {
+      return void 0;
+    });
+    return function () {
       abortCtrl.abort();
     };
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  [isReady, fetch]); //
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [isReady, fetch]);
+  //
   //
   //
-
   _return.current[materialKey] = matFetchRes[materialKey];
   _return.current.materialLecturePage = matFetchRes.materialLecturePage;
   _return.current.status = matFetchStatus;

package/es/material-hoc/withMaterial.js

@@ -7,7 +7,7 @@ import { useMaterialConfigApiClientUpdate } from '../material-config/useMaterial
 
 //
 //
-
+//
 /**
  * HOC for material components.
  *
@@ -15,13 +15,12 @@ import { useMaterialConfigApiClientUpdate } from '../material-config/useMaterial
  * - `<RecoilRoot />`
  * - `<IntlProvider />`
  */
-
-const withMaterial = (Component, eliceApiClientConfigInit, options = {}) => {
-  return props => {
+var withMaterial = function withMaterial(Component, eliceApiClientConfigInit) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return function (props) {
     var _a;
-
-    const isReady = useMaterialConfigApiClientUpdate(eliceApiClientConfigInit); // do not render component, if material config is not ready
-
+    var isReady = useMaterialConfigApiClientUpdate(eliceApiClientConfigInit);
+    // do not render component, if material config is not ready
     if (!isReady) {
       return React.createElement(Flex, {
         justify: "center",
@@ -32,7 +31,6 @@ const withMaterial = (Component, eliceApiClientConfigInit, options = {}) => {
         size: "small"
       }));
     }
-
     return React.createElement(RecoilRoot, {
       override: (_a = options.overrideRecoilScope) !== null && _a !== void 0 ? _a : false
     }, React.createElement(MaterialIntlProvider, {
@@ -48,13 +46,12 @@ const withMaterial = (Component, eliceApiClientConfigInit, options = {}) => {
  * - `<RecoilRoot />`
  * - `<IntlProvider />`
  */
-
-const withForwardRefMaterial = (Component, eliceApiClientConfigInit, options = {}) => {
-  return forwardRef((props, ref) => {
+var withForwardRefMaterial = function withForwardRefMaterial(Component, eliceApiClientConfigInit) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return forwardRef(function (props, ref) {
     var _a;
-
-    const isReady = useMaterialConfigApiClientUpdate(eliceApiClientConfigInit); // do not render component, if material config is not ready
-
+    var isReady = useMaterialConfigApiClientUpdate(eliceApiClientConfigInit);
+    // do not render component, if material config is not ready
     if (!isReady) {
       return React.createElement(Flex, {
         justify: "center",
@@ -65,7 +62,6 @@ const withForwardRefMaterial = (Component, eliceApiClientConfigInit, options = {
         size: "small"
       }));
     }
-
     return React.createElement(RecoilRoot, {
       override: (_a = options.overrideRecoilScope) !== null && _a !== void 0 ? _a : false
     }, React.createElement(MaterialIntlProvider, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-shared-utils",
-  "version": "1.230325.0",
+  "version": "1.230418.0",
   "description": "Shared typings for elice material projects",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -29,8 +29,8 @@
     "clean": "del-cli \"es/*\" \"cjs/*\" \"dist/*\""
   },
   "peerDependencies": {
-    "@elice/api-client": "1.230306.1",
-    "@elice/material-shared-types": "22.7.2-1",
+    "@elice/api-client": "^1.230413.0",
+    "@elice/material-shared-types": "*",
     "react": "^16.8.0  || ^17.0.0 || ^18.0.0",
     "react-use": "^17.0.0",
     "recoil": "~0.7.3"
@@ -39,11 +39,11 @@
     "tslib": "^2.3.1"
   },
   "devDependencies": {
-    "@elice/api-client": "1.230306.1",
-    "@elice/material-shared-types": "1.230325.0",
-    "@elice/types": "^1.230306.0",
+    "@elice/api-client": "^1.230413.0",
+    "@elice/material-shared-types": "1.230418.0",
+    "@elice/types": "^1.230417.0",
     "@types/react": "~17.0.9",
     "react-use": "^17.2.4"
   },
-  "gitHead": "8895c0015d03f16997ce78d5f25e22258ce609f8"
+  "gitHead": "06d5f856939bdbb6bffa9eba30f2fab56d66129b"
 }