@elice/material-shared-utils 1.251120.1 → 1.260128.0-rc.0

package/es/material-config/MaterialConfigContext.js

@@ -1,5 +1,5 @@
 import { createContext } from 'react';
-import { BehaviorSubject } from 'rxjs';
+import { BehaviorSubject } from '../node_modules/rxjs/dist/esm5/internal/BehaviorSubject.js';
 
 var MaterialConfigContext = createContext(null);
 var sessionKeySubject$ = new BehaviorSubject(null);

package/es/material-config/MaterialConfigProvider.js

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

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

@@ -21,54 +21,9 @@ type FetchClientInitializer = (config: EliceApiClientConfigs) => void;
  *   );
  */
 export declare const useMaterialFetch: <MT extends enums.LectureMaterialType, R extends Record<FetchKeyMap[MT], Record<string, any>> = Record<FetchKeyMap[MT], Record<string, any>>>(materialType: MT, materialFetchFn: (signal?: AbortSignal) => Promise<EliceApiResponse<R>>, init: FetchClientInitializer) => Record<FetchKeyMap[MT], R[FetchKeyMap[MT]] | null> & {
-    materialLecturePage: {
-        isDisplayScore: boolean | null;
-        certificateDescription: string | null;
-        certificateFileUrl: string | null;
-        certificateTitle: string | null;
-        closeDatetime: number | null;
-        closeScheduleDatetime: number | null;
-        courseId: number;
-        createdDatetime: number;
-        completionType: enums.LecturePageCompletionType | null;
-        id: number;
-        isCertificateEnabled: boolean;
-        isCompleted: boolean;
-        isEnrolledStudentResponded: boolean;
-        isForStats: boolean;
-        isGraded: boolean;
-        isLibraryInstance: boolean;
-        isOpened: boolean;
-        isResponded: boolean;
-        lectureGroupType: enums.LectureGroupType | null;
-        lectureId: number;
-        libraryInfo: any;
-        mainOrderNo: number;
-        materialId: number;
-        materialKey: string;
-        materialType: enums.LectureMaterialType;
-        materialErn: string | null;
-        modifiedDatetime: number;
-        openScheduleDatetime: number | null;
-        originCourse: {
-            id: number;
-            title: string;
-            organization: {
-                id: number;
-                name: string;
-                nameShort: string;
-            };
-        } | null;
-        originLecturePageId: number | null;
-        point: number;
-        score: number;
-        subLecturePageIds: number[];
-        subOrderNo: number | null;
-        taglist: string[];
-        title: string;
-    } | null;
+    materialLecturePage: import("@elice/types").GetOrgLecturePageGetResponses["lecturePage"] | null;
 } & {
     status: import("@elice/material-shared-types").APIStatus;
-    refetch: (signal?: AbortSignal | undefined) => Promise<void>;
+    refetch: (signal?: AbortSignal) => Promise<void>;
 };
 export {};

package/es/material-fetch/useMaterialFetch.js

@@ -1,8 +1,5 @@
-import 'react/jsx-runtime';
-import 'react';
-import '../material-config/MaterialConfigContext.js';
-import { useMaterialConfigApiClientUpdate } from '../material-config/useMaterialConfigApiClientUpdate.js';
 import { useMaterialFetchRaw } from './useMaterialFetchRaw.js';
+import { useMaterialConfigApiClientUpdate } from '../material-config/useMaterialConfigApiClientUpdate.js';
 
 //
 //

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

@@ -38,7 +38,7 @@ export interface FetchKeyMap {
  *   );
  */
 export declare const useMaterialFetchRaw: <MT extends enums.LectureMaterialType, R extends Record<FetchKeyMap[MT], Record<string, any>> = Record<FetchKeyMap[MT], Record<string, any>>>(materialType: MT, materialFetchFn: (signal?: AbortSignal) => Promise<EliceApiResponse<R>>, isReady?: boolean) => Record<FetchKeyMap[MT], R[FetchKeyMap[MT]] | null> & {
-    materialLecturePage: GetOrgLecturePageGetResponses['lecturePage'] | null;
+    materialLecturePage: GetOrgLecturePageGetResponses["lecturePage"] | null;
 } & {
     status: APIStatus;
     refetch: (signal?: AbortSignal) => Promise<void>;

package/es/material-fetch/useMaterialFetchRaw.js

@@ -1,10 +1,10 @@
-import { defineProperty as _defineProperty, slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { defineProperty as _defineProperty, slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { useRef, useState, useCallback, useEffect } from 'react';
 import { getOrgLecturePageResolve, getOrgLecturePageGet } from '@elice/api-client';
 import { enums } from '@elice/types';
 
 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'), _defineProperty(_Object$freeze, enums.LectureMaterialType.Cloud, 'materialCloud'), _Object$freeze));
+var MATERIAL_FETCH_KEY_MAP = Object.freeze((_Object$freeze = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_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.LegacyRunbox, 'materialLegacyRunbox'), enums.LectureMaterialType.VideoFile, 'materialVideoFile'), enums.LectureMaterialType.Live, 'materialLive'), enums.LectureMaterialType.Assignment, 'materialAssignment'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_Object$freeze, enums.LectureMaterialType.LMSPublicContent, 'materialLmsPublicContent'), enums.LectureMaterialType.External, 'materialExternal'), enums.LectureMaterialType.Survey, 'materialSurvey'), enums.LectureMaterialType.Runbox, 'materialRunbox'), enums.LectureMaterialType.Cloud, 'materialCloud')));
 //
 //
 //
@@ -31,8 +31,7 @@ var useMaterialFetchRaw = function useMaterialFetchRaw(materialType, materialFet
   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;
+    return _defineProperty(_defineProperty({}, materialKey, null), "materialLecturePage", null);
   };
   var _useState = useState(_createEmptyFetchRes),
     _useState2 = _slicedToArray(_useState, 2),
@@ -45,16 +44,16 @@ var useMaterialFetchRaw = function useMaterialFetchRaw(materialType, materialFet
   /**
    * fetch material and lecture page
    */
-  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) {
+  var fetch = useCallback(/*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(signal) {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
           case 0:
             setMatFetchStatus('pending');
-            return _context.abrupt("return", materialFetchFn(signal).then(function (resMaterialGet) {
+            return _context.a(2, materialFetchFn(signal).then(function (resMaterialGet) {
               return resMaterialGet[materialKey];
             }).then(function (material) {
-              return Promise.all([material, getOrgLecturePageResolve({
+              return Promise.all([Promise.resolve(material), getOrgLecturePageResolve({
                 materialId: material.id,
                 materialType: materialType
               }, {
@@ -69,21 +68,17 @@ var useMaterialFetchRaw = function useMaterialFetchRaw(materialType, materialFet
                 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));
+              setMatFetchRes(_defineProperty(_defineProperty({}, materialKey, material), "materialLecturePage", materialLecturePage));
               setMatFetchStatus('resolved');
-            }).catch(function (err) {
+            })["catch"](function (err) {
               if (err.name !== 'AbortError') {
                 setMatFetchRes(_createEmptyFetchRes);
                 setMatFetchStatus('rejected');
               }
             }));
-          case 2:
-          case "end":
-            return _context.stop();
         }
       }, _callee);
     }));
@@ -101,15 +96,13 @@ var useMaterialFetchRaw = function useMaterialFetchRaw(materialType, materialFet
       return;
     }
     var abortCtrl = new AbortController();
-    fetch(abortCtrl.signal).catch(function () {
+    fetch(abortCtrl.signal)["catch"](function () {
       return void 0;
     });
     return function () {
       abortCtrl.abort();
     };
-  },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [isReady, fetch]);
+  }, [isReady, fetch]);
   //
   //
   //

package/es/material-hoc/withMaterial.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { MaterialConfigApiClientUpdateCallback } from '../material-config';
 type AnyObject = Record<string, any>;
 /**

package/es/material-hoc/withMaterial.js

@@ -2,7 +2,6 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Flex, Spinner } from '@elice/blocks';
 import { RecoilRoot } from 'recoil';
-import '../material-config/MaterialConfigContext.js';
 import { useMaterialConfigApiClientUpdate } from '../material-config/useMaterialConfigApiClientUpdate.js';
 
 //

package/es/node_modules/@tanstack/query-core/build/lib/focusManager.js

@@ -0,0 +1,90 @@
+import { Subscribable } from './subscribable.js';
+import { isServer } from './utils.js';
+
+class FocusManager extends Subscribable {
+  constructor() {
+    super();
+
+    this.setup = onFocus => {
+      // addEventListener does not exist in React Native, but window does
+      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+      if (!isServer && window.addEventListener) {
+        const listener = () => onFocus(); // Listen to visibillitychange and focus
+
+
+        window.addEventListener('visibilitychange', listener, false);
+        window.addEventListener('focus', listener, false);
+        return () => {
+          // Be sure to unsubscribe if a new handler is set
+          window.removeEventListener('visibilitychange', listener);
+          window.removeEventListener('focus', listener);
+        };
+      }
+
+      return;
+    };
+  }
+
+  onSubscribe() {
+    if (!this.cleanup) {
+      this.setEventListener(this.setup);
+    }
+  }
+
+  onUnsubscribe() {
+    if (!this.hasListeners()) {
+      var _this$cleanup;
+
+      (_this$cleanup = this.cleanup) == null ? void 0 : _this$cleanup.call(this);
+      this.cleanup = undefined;
+    }
+  }
+
+  setEventListener(setup) {
+    var _this$cleanup2;
+
+    this.setup = setup;
+    (_this$cleanup2 = this.cleanup) == null ? void 0 : _this$cleanup2.call(this);
+    this.cleanup = setup(focused => {
+      if (typeof focused === 'boolean') {
+        this.setFocused(focused);
+      } else {
+        this.onFocus();
+      }
+    });
+  }
+
+  setFocused(focused) {
+    const changed = this.focused !== focused;
+
+    if (changed) {
+      this.focused = focused;
+      this.onFocus();
+    }
+  }
+
+  onFocus() {
+    this.listeners.forEach(({
+      listener
+    }) => {
+      listener();
+    });
+  }
+
+  isFocused() {
+    if (typeof this.focused === 'boolean') {
+      return this.focused;
+    } // document global can be unavailable in react native
+
+
+    if (typeof document === 'undefined') {
+      return true;
+    }
+
+    return [undefined, 'visible', 'prerender'].includes(document.visibilityState);
+  }
+
+}
+const focusManager = new FocusManager();
+
+export { FocusManager, focusManager };

package/es/node_modules/@tanstack/query-core/build/lib/notifyManager.js

@@ -0,0 +1,98 @@
+import { scheduleMicrotask } from './utils.js';
+
+function createNotifyManager() {
+  let queue = [];
+  let transactions = 0;
+
+  let notifyFn = callback => {
+    callback();
+  };
+
+  let batchNotifyFn = callback => {
+    callback();
+  };
+
+  const batch = callback => {
+    let result;
+    transactions++;
+
+    try {
+      result = callback();
+    } finally {
+      transactions--;
+
+      if (!transactions) {
+        flush();
+      }
+    }
+
+    return result;
+  };
+
+  const schedule = callback => {
+    if (transactions) {
+      queue.push(callback);
+    } else {
+      scheduleMicrotask(() => {
+        notifyFn(callback);
+      });
+    }
+  };
+  /**
+   * All calls to the wrapped function will be batched.
+   */
+
+
+  const batchCalls = callback => {
+    return (...args) => {
+      schedule(() => {
+        callback(...args);
+      });
+    };
+  };
+
+  const flush = () => {
+    const originalQueue = queue;
+    queue = [];
+
+    if (originalQueue.length) {
+      scheduleMicrotask(() => {
+        batchNotifyFn(() => {
+          originalQueue.forEach(callback => {
+            notifyFn(callback);
+          });
+        });
+      });
+    }
+  };
+  /**
+   * Use this method to set a custom notify function.
+   * This can be used to for example wrap notifications with `React.act` while running tests.
+   */
+
+
+  const setNotifyFunction = fn => {
+    notifyFn = fn;
+  };
+  /**
+   * Use this method to set a custom function to batch notifications together into a single tick.
+   * By default React Query will use the batch function provided by ReactDOM or React Native.
+   */
+
+
+  const setBatchNotifyFunction = fn => {
+    batchNotifyFn = fn;
+  };
+
+  return {
+    batch,
+    batchCalls,
+    schedule,
+    setNotifyFunction,
+    setBatchNotifyFunction
+  };
+} // SINGLETON
+
+const notifyManager = createNotifyManager();
+
+export { createNotifyManager, notifyManager };

package/es/node_modules/@tanstack/query-core/build/lib/onlineManager.js

@@ -0,0 +1,92 @@
+import { Subscribable } from './subscribable.js';
+import { isServer } from './utils.js';
+
+const onlineEvents = ['online', 'offline'];
+class OnlineManager extends Subscribable {
+  constructor() {
+    super();
+
+    this.setup = onOnline => {
+      // addEventListener does not exist in React Native, but window does
+      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+      if (!isServer && window.addEventListener) {
+        const listener = () => onOnline(); // Listen to online
+
+
+        onlineEvents.forEach(event => {
+          window.addEventListener(event, listener, false);
+        });
+        return () => {
+          // Be sure to unsubscribe if a new handler is set
+          onlineEvents.forEach(event => {
+            window.removeEventListener(event, listener);
+          });
+        };
+      }
+
+      return;
+    };
+  }
+
+  onSubscribe() {
+    if (!this.cleanup) {
+      this.setEventListener(this.setup);
+    }
+  }
+
+  onUnsubscribe() {
+    if (!this.hasListeners()) {
+      var _this$cleanup;
+
+      (_this$cleanup = this.cleanup) == null ? void 0 : _this$cleanup.call(this);
+      this.cleanup = undefined;
+    }
+  }
+
+  setEventListener(setup) {
+    var _this$cleanup2;
+
+    this.setup = setup;
+    (_this$cleanup2 = this.cleanup) == null ? void 0 : _this$cleanup2.call(this);
+    this.cleanup = setup(online => {
+      if (typeof online === 'boolean') {
+        this.setOnline(online);
+      } else {
+        this.onOnline();
+      }
+    });
+  }
+
+  setOnline(online) {
+    const changed = this.online !== online;
+
+    if (changed) {
+      this.online = online;
+      this.onOnline();
+    }
+  }
+
+  onOnline() {
+    this.listeners.forEach(({
+      listener
+    }) => {
+      listener();
+    });
+  }
+
+  isOnline() {
+    if (typeof this.online === 'boolean') {
+      return this.online;
+    }
+
+    if (typeof navigator === 'undefined' || typeof navigator.onLine === 'undefined') {
+      return true;
+    }
+
+    return navigator.onLine;
+  }
+
+}
+const onlineManager = new OnlineManager();
+
+export { OnlineManager, onlineManager };