@elice/material-runbox 1.260825.0-runboxusability.1 → 1.260826.0

package/cjs/components/material-runbox/status/MaterialRunboxStatusResourceItem.js

@@ -1,42 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var material = require('@mui/material');
-
-//
-//
-//
-var MaterialRunboxStatusResourceItem = function MaterialRunboxStatusResourceItem(_ref) {
-  var icon = _ref.icon,
-    label = _ref.label,
-    value = _ref.value;
-  return jsxRuntime.jsxs(material.Stack, {
-    direction: "row",
-    alignItems: "flex-start",
-    gap: "0.75rem",
-    padding: "0.375rem 0.75rem",
-    children: [jsxRuntime.jsx(material.Typography, {
-      component: "span",
-      display: "inline-flex",
-      color: "text.secondary",
-      paddingTop: "0.5rem",
-      children: icon
-    }), jsxRuntime.jsxs(material.Stack, {
-      direction: "column",
-      children: [jsxRuntime.jsx(material.Typography, {
-        variant: "body2",
-        fontWeight: "bold",
-        children: label
-      }), jsxRuntime.jsx(material.Typography, {
-        variant: "caption",
-        color: "text.secondary",
-        fontFamily: "'JetBrains Mono', monospace",
-        children: value
-      })]
-    })]
-  });
-};
-
-exports.default = MaterialRunboxStatusResourceItem;

package/cjs/components/material-runbox/status/index.d.ts

@@ -1,4 +0,0 @@
-export { default as MaterialRunboxStatusButton } from './MaterialRunboxStatusButton';
-export { default as MaterialRunboxStatusPopover } from './MaterialRunboxStatusPopover';
-export type { MaterialRunboxStatusButtonProps } from './MaterialRunboxStatusButton';
-export type { MaterialRunboxStatusPopoverProps } from './MaterialRunboxStatusPopover';

package/cjs/components/material-runbox/status/index.js

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

package/cjs/components/material-runbox/timer/MaterialRunboxQuotaAlmostEndDialog.d.ts

@@ -1,11 +0,0 @@
-interface MaterialRunboxQuotaAlmostEndDialogProps {
-    open: boolean;
-    onClose: () => void;
-}
-/**
- * Warns the learner that the *total* available time is about to run out.
- *
- * Once it does, the practice ends for good — there is no reconnecting.
- */
-declare const MaterialRunboxQuotaAlmostEndDialog: React.FC<MaterialRunboxQuotaAlmostEndDialogProps>;
-export default MaterialRunboxQuotaAlmostEndDialog;

package/cjs/components/material-runbox/timer/MaterialRunboxQuotaAlmostEndDialog.js

@@ -1,116 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var intl = require('@elice/intl');
-var runboxClient = require('@elice/runbox-client');
-var material = require('@mui/material');
-var useRunboxSessionEndWarning = require('../hooks/useRunboxSessionEndWarning.js');
-var MaterialRunboxQuotaAmount = require('./MaterialRunboxQuotaAmount.js');
-
-//
-//
-//
-/**
- * Warns the learner that the *total* available time is about to run out.
- *
- * Once it does, the practice ends for good — there is no reconnecting.
- */
-var MaterialRunboxQuotaAlmostEndDialog = function MaterialRunboxQuotaAlmostEndDialog(_ref) {
-  var open = _ref.open,
-    onClose = _ref.onClose;
-  var intl$1 = intl.useRawEliceIntl();
-  var _useEliceRunboxQuota = runboxClient.useEliceRunboxQuota(),
-    quotaInfo = _useEliceRunboxQuota.quotaInfo,
-    quotaPerSessionInfo = _useEliceRunboxQuota.quotaPerSessionInfo;
-  if (quotaInfo.isUnlimited) {
-    return null;
-  }
-  var isQuotaAlmostEnd = quotaInfo.remainingQuota <= useRunboxSessionEndWarning.QUOTA_ALMOST_END_MINUTES;
-  var isQuotaPerSessionAlmostEnd = !quotaPerSessionInfo.isUnlimited && quotaPerSessionInfo.remainingQuota <= useRunboxSessionEndWarning.QUOTA_PER_SESSION_ALMOST_END_MINUTES;
-  return jsxRuntime.jsxs(material.Dialog, {
-    fullWidth: true,
-    maxWidth: "xs",
-    open: open,
-    onClose: onClose,
-    children: [jsxRuntime.jsx(material.DialogTitle, {
-      children: intl$1.formatMessage({
-        id: 'runbox.timer.almost_end.dialog.quota.title'
-      }, {
-        time: intl$1.formatNumber(useRunboxSessionEndWarning.QUOTA_ALMOST_END_MINUTES, {
-          style: 'unit',
-          unit: 'minute',
-          unitDisplay: 'short'
-        })
-      })
-    }), jsxRuntime.jsx(material.DialogContent, {
-      children: jsxRuntime.jsxs(material.Stack, {
-        direction: "column",
-        gap: "1.5rem",
-        children: [jsxRuntime.jsxs(material.Card, {
-          sx: {
-            bgcolor: 'background.neutral'
-          },
-          children: [jsxRuntime.jsxs(material.Stack, {
-            direction: "column",
-            gap: "0.5rem",
-            padding: "1rem",
-            bgcolor: isQuotaAlmostEnd ? 'warning.opacity03' : undefined,
-            children: [jsxRuntime.jsx(material.Typography, {
-              variant: "body2",
-              fontWeight: "bold",
-              children: intl$1.formatMessage({
-                id: 'runbox.timer.popover.quota.title'
-              })
-            }), jsxRuntime.jsx(MaterialRunboxQuotaAmount.default, {
-              remainingQuota: quotaInfo.remainingQuota,
-              quota: quotaInfo.quota,
-              color: isQuotaAlmostEnd ? 'warning.main' : 'success.main'
-            })]
-          }), jsxRuntime.jsx(material.Divider, {}), jsxRuntime.jsxs(material.Stack, {
-            direction: "column",
-            gap: "0.5rem",
-            padding: "1rem",
-            bgcolor: isQuotaPerSessionAlmostEnd ? 'warning.opacity03' : undefined,
-            children: [jsxRuntime.jsx(material.Typography, {
-              variant: "body2",
-              fontWeight: "bold",
-              children: intl$1.formatMessage({
-                id: 'runbox.timer.popover.quota_per_session.title'
-              })
-            }), quotaPerSessionInfo.isUnlimited ? jsxRuntime.jsx(material.Typography, {
-              component: "span",
-              variant: "h5",
-              fontWeight: "extraBold",
-              children: intl$1.formatMessage({
-                id: 'runbox.timer.unlimited'
-              })
-            }) : jsxRuntime.jsx(MaterialRunboxQuotaAmount.default, {
-              remainingQuota: quotaPerSessionInfo.remainingQuota,
-              quota: quotaPerSessionInfo.quota,
-              color: isQuotaPerSessionAlmostEnd ? 'warning.main' : 'success.main'
-            })]
-          })]
-        }), jsxRuntime.jsx(material.Typography, {
-          variant: "body2",
-          whiteSpace: "pre-line",
-          children: intl$1.formatMessage({
-            id: 'runbox.timer.almost_end.dialog.quota.description'
-          })
-        })]
-      })
-    }), jsxRuntime.jsx(material.DialogActions, {
-      children: jsxRuntime.jsx(material.Button, {
-        variant: "contained",
-        color: "inherit",
-        onClick: onClose,
-        children: intl$1.formatMessage({
-          id: 'runbox.timer.almost_end.dialog.confirm'
-        })
-      })
-    })]
-  });
-};
-
-exports.default = MaterialRunboxQuotaAlmostEndDialog;

package/cjs/components/material-runbox/timer/MaterialRunboxQuotaAmount.d.ts

@@ -1,13 +0,0 @@
-export interface MaterialRunboxQuotaAmountProps {
-    /** Remaining time, in minutes. */
-    remainingQuota: number;
-    /** Total granted time, in minutes. */
-    quota: number;
-    /** Color of the remaining time. */
-    color?: string;
-}
-/**
- * Renders `<remaining> / <total>`, e.g. `4시간 11분 / 5시간`.
- */
-declare const MaterialRunboxQuotaAmount: React.FC<MaterialRunboxQuotaAmountProps>;
-export default MaterialRunboxQuotaAmount;

package/cjs/components/material-runbox/timer/MaterialRunboxQuotaAmount.js

@@ -1,56 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var intl = require('@elice/intl');
-var material = require('@mui/material');
-var MaterialRunboxQuotaTimePart = require('./MaterialRunboxQuotaTimePart.js');
-var time = require('../../../utils/time.js');
-
-//
-//
-//
-/**
- * Renders `<remaining> / <total>`, e.g. `4시간 11분 / 5시간`.
- */
-var MaterialRunboxQuotaAmount = function MaterialRunboxQuotaAmount(_ref) {
-  var remainingQuota = _ref.remainingQuota,
-    quota = _ref.quota,
-    color = _ref.color;
-  var intl$1 = intl.useRawEliceIntl();
-  var _getTimeParts = time.getTimeParts(remainingQuota * 60),
-    remainingHours = _getTimeParts.hours,
-    remainingMinutes = _getTimeParts.minutes;
-  var _getTimeParts2 = time.getTimeParts(quota * 60),
-    totalHours = _getTimeParts2.hours,
-    totalMinutes = _getTimeParts2.minutes;
-  return jsxRuntime.jsxs(material.Typography, {
-    variant: "body2",
-    children: [jsxRuntime.jsxs(material.Stack, {
-      component: "span",
-      display: "inline-flex",
-      direction: "row",
-      gap: "0.25rem",
-      children: [jsxRuntime.jsx(MaterialRunboxQuotaTimePart.default, {
-        value: remainingHours,
-        unit: "hour",
-        color: color
-      }), jsxRuntime.jsx(MaterialRunboxQuotaTimePart.default, {
-        value: remainingMinutes,
-        unit: "minute",
-        color: color
-      })]
-    }), " / ", [totalHours > 0 ? intl$1.formatNumber(totalHours, {
-      style: 'unit',
-      unit: 'hour',
-      unitDisplay: 'short'
-    }) : null, totalMinutes > 0 ? intl$1.formatNumber(totalMinutes, {
-      style: 'unit',
-      unit: 'minute',
-      unitDisplay: 'short'
-    }) : null].filter(Boolean).join(' ')]
-  });
-};
-
-exports.default = MaterialRunboxQuotaAmount;

package/cjs/components/material-runbox/timer/MaterialRunboxQuotaPerSessionAlmostEndDialog.d.ts

@@ -1,12 +0,0 @@
-interface MaterialRunboxQuotaPerSessionAlmostEndDialogProps {
-    open: boolean;
-    onClose: () => void;
-}
-/**
- * Warns the learner that the time granted to *this connection* is about to run out.
- *
- * Unlike the total quota, the learner can reconnect and keep going as long as total
- * time is left — so this dialog is about saving work, not about the practice ending.
- */
-declare const MaterialRunboxQuotaPerSessionAlmostEndDialog: React.FC<MaterialRunboxQuotaPerSessionAlmostEndDialogProps>;
-export default MaterialRunboxQuotaPerSessionAlmostEndDialog;

package/cjs/components/material-runbox/timer/MaterialRunboxQuotaPerSessionAlmostEndDialog.js

@@ -1,117 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var intl = require('@elice/intl');
-var runboxClient = require('@elice/runbox-client');
-var material = require('@mui/material');
-var useRunboxSessionEndWarning = require('../hooks/useRunboxSessionEndWarning.js');
-var MaterialRunboxQuotaAmount = require('./MaterialRunboxQuotaAmount.js');
-
-//
-//
-//
-/**
- * Warns the learner that the time granted to *this connection* is about to run out.
- *
- * Unlike the total quota, the learner can reconnect and keep going as long as total
- * time is left — so this dialog is about saving work, not about the practice ending.
- */
-var MaterialRunboxQuotaPerSessionAlmostEndDialog = function MaterialRunboxQuotaPerSessionAlmostEndDialog(_ref) {
-  var open = _ref.open,
-    onClose = _ref.onClose;
-  var intl$1 = intl.useRawEliceIntl();
-  var _useEliceRunboxQuota = runboxClient.useEliceRunboxQuota(),
-    quotaInfo = _useEliceRunboxQuota.quotaInfo,
-    quotaPerSessionInfo = _useEliceRunboxQuota.quotaPerSessionInfo;
-  if (quotaPerSessionInfo.isUnlimited) {
-    return null;
-  }
-  var isQuotaAlmostEnd = !quotaInfo.isUnlimited && quotaInfo.remainingQuota <= useRunboxSessionEndWarning.QUOTA_ALMOST_END_MINUTES;
-  var isQuotaPerSessionAlmostEnd = quotaPerSessionInfo.remainingQuota <= useRunboxSessionEndWarning.QUOTA_PER_SESSION_ALMOST_END_MINUTES;
-  return jsxRuntime.jsxs(material.Dialog, {
-    fullWidth: true,
-    maxWidth: "xs",
-    open: open,
-    onClose: onClose,
-    children: [jsxRuntime.jsx(material.DialogTitle, {
-      children: intl$1.formatMessage({
-        id: 'runbox.timer.almost_end.dialog.quota_per_session.title'
-      }, {
-        time: intl$1.formatNumber(useRunboxSessionEndWarning.QUOTA_PER_SESSION_ALMOST_END_MINUTES, {
-          style: 'unit',
-          unit: 'minute',
-          unitDisplay: 'short'
-        })
-      })
-    }), jsxRuntime.jsx(material.DialogContent, {
-      children: jsxRuntime.jsxs(material.Stack, {
-        direction: "column",
-        gap: "1.5rem",
-        children: [jsxRuntime.jsxs(material.Card, {
-          sx: {
-            bgcolor: 'background.neutral'
-          },
-          children: [jsxRuntime.jsxs(material.Stack, {
-            direction: "column",
-            gap: "0.5rem",
-            padding: "1rem",
-            bgcolor: isQuotaAlmostEnd ? 'warning.opacity03' : undefined,
-            children: [jsxRuntime.jsx(material.Typography, {
-              variant: "body2",
-              fontWeight: "bold",
-              children: intl$1.formatMessage({
-                id: 'runbox.timer.popover.quota.title'
-              })
-            }), quotaInfo.isUnlimited ? jsxRuntime.jsx(material.Typography, {
-              component: "span",
-              variant: "h5",
-              fontWeight: "extraBold",
-              children: intl$1.formatMessage({
-                id: 'runbox.timer.unlimited'
-              })
-            }) : jsxRuntime.jsx(MaterialRunboxQuotaAmount.default, {
-              remainingQuota: quotaInfo.remainingQuota,
-              quota: quotaInfo.quota,
-              color: isQuotaAlmostEnd ? 'warning.main' : 'success.main'
-            })]
-          }), jsxRuntime.jsx(material.Divider, {}), jsxRuntime.jsxs(material.Stack, {
-            direction: "column",
-            gap: "0.5rem",
-            padding: "1rem",
-            bgcolor: isQuotaPerSessionAlmostEnd ? 'warning.opacity03' : undefined,
-            children: [jsxRuntime.jsx(material.Typography, {
-              variant: "body2",
-              fontWeight: "bold",
-              children: intl$1.formatMessage({
-                id: 'runbox.timer.popover.quota_per_session.title'
-              })
-            }), jsxRuntime.jsx(MaterialRunboxQuotaAmount.default, {
-              remainingQuota: quotaPerSessionInfo.remainingQuota,
-              quota: quotaPerSessionInfo.quota,
-              color: isQuotaPerSessionAlmostEnd ? 'warning.main' : 'success.main'
-            })]
-          })]
-        }), jsxRuntime.jsx(material.Typography, {
-          variant: "body2",
-          whiteSpace: "pre-line",
-          children: intl$1.formatMessage({
-            id: 'runbox.timer.almost_end.dialog.quota_per_session.description'
-          })
-        })]
-      })
-    }), jsxRuntime.jsx(material.DialogActions, {
-      children: jsxRuntime.jsx(material.Button, {
-        variant: "contained",
-        color: "inherit",
-        onClick: onClose,
-        children: intl$1.formatMessage({
-          id: 'runbox.timer.almost_end.dialog.confirm'
-        })
-      })
-    })]
-  });
-};
-
-exports.default = MaterialRunboxQuotaPerSessionAlmostEndDialog;

package/cjs/components/material-runbox/timer/MaterialRunboxQuotaTimePart.d.ts

@@ -1,15 +0,0 @@
-export interface MaterialRunboxQuotaTimePartProps {
-    value: number;
-    unit: 'hour' | 'minute';
-    color?: string;
-}
-/**
- * A single `4시간` / `11분` part, with the unit rendered smaller than the number.
- *
- * The number and its unit are split with `formatNumberToParts` rather than by hand,
- * because where the unit sits and how it is written differs per locale.
- *
- * Renders nothing when `value` is 0, so `29분` does not come out as `0시간 29분`.
- */
-declare const MaterialRunboxQuotaTimePart: React.FC<MaterialRunboxQuotaTimePartProps>;
-export default MaterialRunboxQuotaTimePart;

package/cjs/components/material-runbox/timer/MaterialRunboxQuotaTimePart.js

@@ -1,50 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var intl = require('@elice/intl');
-var material = require('@mui/material');
-
-//
-//
-//
-/**
- * A single `4시간` / `11분` part, with the unit rendered smaller than the number.
- *
- * The number and its unit are split with `formatNumberToParts` rather than by hand,
- * because where the unit sits and how it is written differs per locale.
- *
- * Renders nothing when `value` is 0, so `29분` does not come out as `0시간 29분`.
- */
-var MaterialRunboxQuotaTimePart = function MaterialRunboxQuotaTimePart(_ref) {
-  var value = _ref.value,
-    unit = _ref.unit,
-    color = _ref.color;
-  var intl$1 = intl.useRawEliceIntl();
-  if (value === 0) {
-    return null;
-  }
-  return jsxRuntime.jsx(material.Typography, {
-    component: "span",
-    variant: "h5",
-    fontWeight: "extraBold",
-    color: color,
-    children: intl$1.formatNumberToParts(value, {
-      style: 'unit',
-      unit: unit,
-      unitDisplay: 'short'
-    }).map(function (part, index) {
-      return part.type === 'unit' ? jsxRuntime.jsx(material.Typography, {
-        component: "span",
-        variant: "body2",
-        fontWeight: "regular",
-        children: part.value
-      }, index) : jsxRuntime.jsx("span", {
-        children: part.value
-      }, index);
-    })
-  });
-};
-
-exports.default = MaterialRunboxQuotaTimePart;

package/es/components/material-runbox/hooks/useOnlineState.d.ts

@@ -1,12 +0,0 @@
-/**
- * Whether the browser currently has a network connection.
- *
- * NOTICE: this deliberately does not use `react-use`'s `useNetworkState`.
- * That hook only exists in react-use v17, and consumers of this package do not
- * agree on the major — elice-web still resolves v13, which breaks the build at
- * link time. Reading `navigator.onLine` keeps this working on both.
- *
- * `undefined` means "not known yet" (server render, or no `navigator`), which
- * callers should treat as online rather than as offline.
- */
-export declare const useOnlineState: () => boolean | undefined;

package/es/components/material-runbox/hooks/useOnlineState.js

@@ -1,44 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from 'react';
-
-//
-//
-//
-/**
- * Whether the browser currently has a network connection.
- *
- * NOTICE: this deliberately does not use `react-use`'s `useNetworkState`.
- * That hook only exists in react-use v17, and consumers of this package do not
- * agree on the major — elice-web still resolves v13, which breaks the build at
- * link time. Reading `navigator.onLine` keeps this working on both.
- *
- * `undefined` means "not known yet" (server render, or no `navigator`), which
- * callers should treat as online rather than as offline.
- */
-var useOnlineState = function useOnlineState() {
-  var _React$useState = React.useState(function () {
-      return typeof navigator === 'undefined' ? undefined : navigator.onLine;
-    }),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    online = _React$useState2[0],
-    setOnline = _React$useState2[1];
-  React.useEffect(function () {
-    var handleOnline = function handleOnline() {
-      return setOnline(true);
-    };
-    var handleOffline = function handleOffline() {
-      return setOnline(false);
-    };
-    window.addEventListener('online', handleOnline);
-    window.addEventListener('offline', handleOffline);
-    // Catch a change that happened between the initial state and this effect.
-    setOnline(navigator.onLine);
-    return function () {
-      window.removeEventListener('online', handleOnline);
-      window.removeEventListener('offline', handleOffline);
-    };
-  }, []);
-  return online;
-};
-
-export { useOnlineState };

package/es/components/material-runbox/hooks/useRunboxSessionEndWarning.d.ts

@@ -1,18 +0,0 @@
-export type RunboxSessionEndWarning = 'quota' | 'quotaPerSession';
-interface UseRunboxSessionEndWarningParams {
-    runboxId: string;
-    /**
-     * Suppress every warning.
-     * @default false
-     */
-    disabled?: boolean;
-}
-interface UseRunboxSessionEndWarningReturn {
-    warning: RunboxSessionEndWarning | null;
-    /** Marks the current warning as seen, which is what closes it. */
-    dismiss: () => void;
-}
-export declare const QUOTA_ALMOST_END_MINUTES = 30;
-export declare const QUOTA_PER_SESSION_ALMOST_END_MINUTES = 10;
-export declare function useRunboxSessionEndWarning({ runboxId, disabled, }: UseRunboxSessionEndWarningParams): UseRunboxSessionEndWarningReturn;
-export {};

package/es/components/material-runbox/hooks/useRunboxSessionEndWarning.js

@@ -1,63 +0,0 @@
-import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { useSessionStorage } from 'react-use';
-import { useEliceRunboxQuota } from '@elice/runbox-client';
-
-//
-//
-//
-var QUOTA_ALMOST_END_MINUTES = 30;
-var QUOTA_PER_SESSION_ALMOST_END_MINUTES = 10;
-var WAS_WARNED_STORAGE_KEY = 'MaterialRunboxSessionEndWarning.wasWarned';
-//
-//
-//
-/** Remaining minutes while the almost-end warning is due, `null` when it is not. */
-function getAlmostEndRemaining(quotaInfo, thresholdMinutes) {
-  var seen = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  if (seen || quotaInfo.isUnlimited || quotaInfo.remainingQuota > thresholdMinutes) {
-    return null;
-  }
-  return quotaInfo.remainingQuota;
-}
-/** The due warning that runs out soonest, `null` when neither is due. */
-function getSessionEndWarning(quotaInfo, quotaPerSessionInfo, seen) {
-  var quota = getAlmostEndRemaining(quotaInfo, QUOTA_ALMOST_END_MINUTES, seen.quota);
-  var quotaPerSession = getAlmostEndRemaining(quotaPerSessionInfo, QUOTA_PER_SESSION_ALMOST_END_MINUTES, seen.quotaPerSession);
-  if (quota === null) {
-    return quotaPerSession === null ? null : 'quotaPerSession';
-  }
-  if (quotaPerSession === null) {
-    return 'quota';
-  }
-  return quota < quotaPerSession ? 'quota' : 'quotaPerSession';
-}
-//
-//
-//
-function useRunboxSessionEndWarning(_ref) {
-  var runboxId = _ref.runboxId,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
-  var _a;
-  var _useEliceRunboxQuota = useEliceRunboxQuota(),
-    quotaInfo = _useEliceRunboxQuota.quotaInfo,
-    quotaPerSessionInfo = _useEliceRunboxQuota.quotaPerSessionInfo;
-  var _useSessionStorage = useSessionStorage(WAS_WARNED_STORAGE_KEY, {}),
-    _useSessionStorage2 = _slicedToArray(_useSessionStorage, 2),
-    wasWarned = _useSessionStorage2[0],
-    setWasWarned = _useSessionStorage2[1];
-  var seen = (_a = wasWarned === null || wasWarned === void 0 ? void 0 : wasWarned[runboxId]) !== null && _a !== void 0 ? _a : {};
-  var warning = disabled ? null : getSessionEndWarning(quotaInfo, quotaPerSessionInfo, seen);
-  var dismiss = function dismiss() {
-    if (warning === null) {
-      return;
-    }
-    setWasWarned(Object.assign(Object.assign({}, wasWarned), _defineProperty({}, runboxId, Object.assign(Object.assign({}, seen), _defineProperty({}, warning, true)))));
-  };
-  return {
-    warning: warning,
-    dismiss: dismiss
-  };
-}
-
-export { QUOTA_ALMOST_END_MINUTES, QUOTA_PER_SESSION_ALMOST_END_MINUTES, useRunboxSessionEndWarning };

package/es/components/material-runbox/status/MaterialRunboxStatusButton.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-export interface MaterialRunboxStatusButtonProps {
-    /**
-     * Bottom action slot of the popover.
-     *
-     * NOTICE: the "실습 환경 초기화" button is out of scope for PLAT-4181.
-     * PLAT-4184 injects it here.
-     */
-    bottomAction?: React.ReactNode;
-}
-/**
- * Opens the runbox connection/resource status popover.
- *
- * Replaces the always-visible resource stats of the removed footer,
- * so the numbers are only shown on explicit request. (`[R-5]` `[R-6]`)
- */
-declare const MaterialRunboxStatusButton: React.FC<MaterialRunboxStatusButtonProps>;
-export default MaterialRunboxStatusButton;