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

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

@@ -1,52 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRawEliceIntl } from '@elice/intl';
-import { Typography, Stack } from '@mui/material';
-import MaterialRunboxQuotaTimePart from './MaterialRunboxQuotaTimePart.js';
-import { getTimeParts } from '../../../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 = useRawEliceIntl();
-  var _getTimeParts = getTimeParts(remainingQuota * 60),
-    remainingHours = _getTimeParts.hours,
-    remainingMinutes = _getTimeParts.minutes;
-  var _getTimeParts2 = getTimeParts(quota * 60),
-    totalHours = _getTimeParts2.hours,
-    totalMinutes = _getTimeParts2.minutes;
-  return jsxs(Typography, {
-    variant: "body2",
-    children: [jsxs(Stack, {
-      component: "span",
-      display: "inline-flex",
-      direction: "row",
-      gap: "0.25rem",
-      children: [jsx(MaterialRunboxQuotaTimePart, {
-        value: remainingHours,
-        unit: "hour",
-        color: color
-      }), jsx(MaterialRunboxQuotaTimePart, {
-        value: remainingMinutes,
-        unit: "minute",
-        color: color
-      })]
-    }), " / ", [totalHours > 0 ? intl.formatNumber(totalHours, {
-      style: 'unit',
-      unit: 'hour',
-      unitDisplay: 'short'
-    }) : null, totalMinutes > 0 ? intl.formatNumber(totalMinutes, {
-      style: 'unit',
-      unit: 'minute',
-      unitDisplay: 'short'
-    }) : null].filter(Boolean).join(' ')]
-  });
-};
-
-export { MaterialRunboxQuotaAmount as default };

package/es/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/es/components/material-runbox/timer/MaterialRunboxQuotaPerSessionAlmostEndDialog.js

@@ -1,114 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRawEliceIntl } from '@elice/intl';
-import { useEliceRunboxQuota } from '@elice/runbox-client';
-import { Dialog, DialogTitle, DialogContent, Stack, Card, Typography, Divider, DialogActions, Button } from '@mui/material';
-import { QUOTA_ALMOST_END_MINUTES, QUOTA_PER_SESSION_ALMOST_END_MINUTES } from '../hooks/useRunboxSessionEndWarning.js';
-import MaterialRunboxQuotaAmount from './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 = useRawEliceIntl();
-  var _useEliceRunboxQuota = useEliceRunboxQuota(),
-    quotaInfo = _useEliceRunboxQuota.quotaInfo,
-    quotaPerSessionInfo = _useEliceRunboxQuota.quotaPerSessionInfo;
-  if (quotaPerSessionInfo.isUnlimited) {
-    return null;
-  }
-  var isQuotaAlmostEnd = !quotaInfo.isUnlimited && quotaInfo.remainingQuota <= QUOTA_ALMOST_END_MINUTES;
-  var isQuotaPerSessionAlmostEnd = quotaPerSessionInfo.remainingQuota <= QUOTA_PER_SESSION_ALMOST_END_MINUTES;
-  return jsxs(Dialog, {
-    fullWidth: true,
-    maxWidth: "xs",
-    open: open,
-    onClose: onClose,
-    children: [jsx(DialogTitle, {
-      children: intl.formatMessage({
-        id: 'runbox.timer.almost_end.dialog.quota_per_session.title'
-      }, {
-        time: intl.formatNumber(QUOTA_PER_SESSION_ALMOST_END_MINUTES, {
-          style: 'unit',
-          unit: 'minute',
-          unitDisplay: 'short'
-        })
-      })
-    }), jsx(DialogContent, {
-      children: jsxs(Stack, {
-        direction: "column",
-        gap: "1.5rem",
-        children: [jsxs(Card, {
-          elevation: 0,
-          sx: {
-            bgcolor: 'background.neutral'
-          },
-          children: [jsxs(Stack, {
-            direction: "column",
-            gap: "0.5rem",
-            padding: "1rem",
-            bgcolor: isQuotaAlmostEnd ? 'warning.opacity03' : undefined,
-            children: [jsx(Typography, {
-              variant: "body2",
-              fontWeight: "bold",
-              children: intl.formatMessage({
-                id: 'runbox.timer.popover.quota.title'
-              })
-            }), quotaInfo.isUnlimited ? jsx(Typography, {
-              component: "span",
-              variant: "h5",
-              fontWeight: "extraBold",
-              children: intl.formatMessage({
-                id: 'runbox.timer.unlimited'
-              })
-            }) : jsx(MaterialRunboxQuotaAmount, {
-              remainingQuota: quotaInfo.remainingQuota,
-              quota: quotaInfo.quota,
-              color: isQuotaAlmostEnd ? 'warning.main' : 'success.main'
-            })]
-          }), jsx(Divider, {}), jsxs(Stack, {
-            direction: "column",
-            gap: "0.5rem",
-            padding: "1rem",
-            bgcolor: isQuotaPerSessionAlmostEnd ? 'warning.opacity03' : undefined,
-            children: [jsx(Typography, {
-              variant: "body2",
-              fontWeight: "bold",
-              children: intl.formatMessage({
-                id: 'runbox.timer.popover.quota_per_session.title'
-              })
-            }), jsx(MaterialRunboxQuotaAmount, {
-              remainingQuota: quotaPerSessionInfo.remainingQuota,
-              quota: quotaPerSessionInfo.quota,
-              color: isQuotaPerSessionAlmostEnd ? 'warning.main' : 'success.main'
-            })]
-          })]
-        }), jsx(Typography, {
-          variant: "body2",
-          whiteSpace: "pre-line",
-          children: intl.formatMessage({
-            id: 'runbox.timer.almost_end.dialog.quota_per_session.description'
-          })
-        })]
-      })
-    }), jsx(DialogActions, {
-      children: jsx(Button, {
-        variant: "contained",
-        color: "inherit",
-        onClick: onClose,
-        children: intl.formatMessage({
-          id: 'runbox.timer.almost_end.dialog.confirm'
-        })
-      })
-    })]
-  });
-};
-
-export { MaterialRunboxQuotaPerSessionAlmostEndDialog as default };

package/es/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/es/components/material-runbox/timer/MaterialRunboxQuotaTimePart.js

@@ -1,46 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useRawEliceIntl } from '@elice/intl';
-import { Typography } from '@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 = useRawEliceIntl();
-  if (value === 0) {
-    return null;
-  }
-  return jsx(Typography, {
-    component: "span",
-    variant: "h5",
-    fontWeight: "extraBold",
-    color: color,
-    children: intl.formatNumberToParts(value, {
-      style: 'unit',
-      unit: unit,
-      unitDisplay: 'short'
-    }).map(function (part, index) {
-      return part.type === 'unit' ? jsx(Typography, {
-        component: "span",
-        variant: "body2",
-        fontWeight: "regular",
-        children: part.value
-      }, index) : jsx("span", {
-        children: part.value
-      }, index);
-    })
-  });
-};
-
-export { MaterialRunboxQuotaTimePart as default };