@elice/material-runbox 1.231227.0 → 1.240112.0-cloud.0

package/cjs/components/material-runbox/actions/MaterialRunboxActionReset.js

@@ -2,160 +2,123 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactIntl = require('react-intl');
+var muiElements = require('@elice/mui-elements');
+var muiXSnackbar = require('@elice/mui-x-snackbar');
 var openapiClientMaterialRunbox = require('@elice/openapi-client-material-runbox');
-var runboxClient = require('@elice/runbox-client');
+var proSolidSvgIcons = require('@fortawesome/pro-solid-svg-icons');
 var lab = require('@mui/lab');
 var material = require('@mui/material');
-var notistack = require('notistack');
 var MaterialRunboxApiContext = require('../contexts/MaterialRunboxApiContext.js');
 var MaterialRunboxCommandContext = require('../contexts/MaterialRunboxCommandContext.js');
 require('../contexts/MaterialRunboxContext.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 //
 //
 //
-var MaterialRunboxActionReset = function MaterialRunboxActionReset(_ref) {
-  var runtime = _ref.runtime,
-    courseId = _ref.courseId;
-  var _useSnackbar = notistack.useSnackbar(),
-    enqueueSnackbar = _useSnackbar.enqueueSnackbar;
-  var intl = reactIntl.useIntl();
-  var materialRunboxApi = MaterialRunboxApiContext.useMaterialRunboxApiContext();
-  var _useMaterialRunboxCom = MaterialRunboxCommandContext.useMaterialRunboxCommandContext(),
-    isLastCommandRunning = _useMaterialRunboxCom.isLastCommandRunning,
-    lastCommand = _useMaterialRunboxCom.lastCommand,
-    setCommandIdToPing = _useMaterialRunboxCom.setCommandIdToPing;
-  var _useEliceRunboxRunnin = runboxClient.useEliceRunboxRunning(),
-    status = _useEliceRunboxRunnin.status;
-  var isRunboxRunning = status === 'running';
-  var _React$useState = React__default["default"].useState(false),
-    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
-    isConfirmDialogOpen = _React$useState2[0],
-    setConfirmDialogOpen = _React$useState2[1];
-  var _React$useState3 = React__default["default"].useState(false),
-    _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
-    isActionLoading = _React$useState4[0],
-    setActionLoading = _React$useState4[1];
+const MaterialRunboxActionReset = ({
+  runtime,
+  courseId,
+  handleMenuClose
+}) => {
+  const intl = reactIntl.useIntl();
+  const {
+    enqueueSnackbar
+  } = muiXSnackbar.useSnackbar();
+  const materialRunboxApi = MaterialRunboxApiContext.useMaterialRunboxApiContext();
+  const [isLoading, setLoading] = React.useState(false);
+  const [isDialogOpened, setDialogOpened] = React.useState(false);
+  const {
+    isLastCommandRunning,
+    setCommandIdToPing
+  } = MaterialRunboxCommandContext.useMaterialRunboxCommandContext();
   /**
    *
    */
-  var handleConfirmDialogOpen = function handleConfirmDialogOpen() {
-    setConfirmDialogOpen(true);
+  const handleDialogClose = () => {
+    setDialogOpened(false);
   };
   /**
    *
    */
-  var handleConfirmDialogClose = function handleConfirmDialogClose() {
-    setConfirmDialogOpen(false);
-  };
-  /**
-   *
-   */
-  var handleAction = /*#__PURE__*/function () {
-    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
-      var runtimeId, _yield$materialRunbox, commentId;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            setActionLoading(true);
-            _context.prev = 1;
-            runtimeId = runtime === null || runtime === void 0 ? void 0 : runtime.id;
-            _context.next = 5;
-            return materialRunboxApi.runtime.runtimeRuntimeIdCommandPost({
-              runtimeId: runtimeId,
-              eliceCourseId: courseId,
-              runboxCommandPostRequest: {
-                commandType: openapiClientMaterialRunbox.CommandType.ProjectFileReset
-              }
-            });
-          case 5:
-            _yield$materialRunbox = _context.sent;
-            commentId = _yield$materialRunbox.id;
-            setCommandIdToPing(commentId);
-            handleConfirmDialogClose();
-            _context.next = 14;
-            break;
-          case 11:
-            _context.prev = 11;
-            _context.t0 = _context["catch"](1);
-            enqueueSnackbar(intl.formatMessage({
-              id: 'runbox.action.reset.noti.error'
-            }), {
-              variant: 'error'
-            });
-          case 14:
-            _context.prev = 14;
-            setActionLoading(false);
-            return _context.finish(14);
-          case 17:
-          case "end":
-            return _context.stop();
+  const handleReset = async () => {
+    setLoading(true);
+    try {
+      const runtimeId = runtime === null || runtime === void 0 ? void 0 : runtime.id;
+      const {
+        id: commentId
+      } = await materialRunboxApi.runtime.runtimeRuntimeIdCommandPost({
+        runtimeId,
+        eliceCourseId: courseId,
+        runboxCommandPostRequest: {
+          commandType: openapiClientMaterialRunbox.CommandType.ProjectFileReset
         }
-      }, _callee, null, [[1, 11, 14, 17]]);
-    }));
-    return function handleAction() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
+      });
+      setCommandIdToPing(commentId);
+      handleDialogClose();
+    } catch (err) {
+      enqueueSnackbar(intl.formatMessage({
+        id: 'runbox.action.reset.noti.error'
+      }), {
+        variant: 'error'
+      });
+    } finally {
+      setLoading(false);
+    }
+  };
   /**
    *
    */
-  var renderActionButton = function renderActionButton() {
-    var isResetType = (lastCommand === null || lastCommand === void 0 ? void 0 : lastCommand.commandType) === openapiClientMaterialRunbox.CommandType.ProjectFileReset;
-    return React__default["default"].createElement(lab.LoadingButton, {
-      variant: "contained",
-      color: "inherit",
-      loading: isActionLoading || isLastCommandRunning && isResetType,
-      disabled: !isRunboxRunning || isLastCommandRunning,
-      size: "small",
-      onClick: handleConfirmDialogOpen
-    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+  const renderResetMenuItem = () => {
+    return React.createElement(material.MenuItem, {
+      onClick: () => setDialogOpened(true),
+      disabled: isLastCommandRunning
+    }, React.createElement(material.ListItemIcon, null, React.createElement(muiElements.EliceIcon, {
+      icon: proSolidSvgIcons.faRefresh
+    })), React.createElement(material.ListItemText, null, React.createElement(reactIntl.FormattedMessage, {
       id: "runbox.action.reset.title"
-    }));
+    })));
   };
   /**
    *
    */
-  var renderActionConfirmDialog = function renderActionConfirmDialog() {
-    return React__default["default"].createElement(material.Dialog, {
-      open: isConfirmDialogOpen,
+  const renderConfirmDialog = () => {
+    if (!isDialogOpened) {
+      return null;
+    }
+    return React.createElement(material.Dialog, {
+      open: true,
       maxWidth: "xs",
       fullWidth: true,
-      onClose: handleConfirmDialogClose
-    }, React__default["default"].createElement(material.DialogTitle, null, React__default["default"].createElement(reactIntl.FormattedMessage, {
+      onClose: handleDialogClose
+    }, React.createElement(material.DialogTitle, null, React.createElement(reactIntl.FormattedMessage, {
       id: "runbox.action.reset.title"
-    })), React__default["default"].createElement(material.DialogContent, null, React__default["default"].createElement(material.DialogContentText, {
+    })), React.createElement(material.DialogContent, null, React.createElement(material.DialogContentText, {
       sx: {
         whiteSpace: 'pre-line'
       }
-    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+    }, React.createElement(reactIntl.FormattedMessage, {
       id: "runbox.action.reset.dialog.description"
-    }))), React__default["default"].createElement(material.DialogActions, null, React__default["default"].createElement(material.Button, {
+    }))), React.createElement(material.DialogActions, null, React.createElement(material.Button, {
       color: "inherit",
-      disabled: isActionLoading,
-      onClick: handleConfirmDialogClose
-    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+      disabled: isLoading,
+      onClick: handleDialogClose
+    }, React.createElement(reactIntl.FormattedMessage, {
       id: "runbox.common.close"
-    })), React__default["default"].createElement(lab.LoadingButton, {
+    })), React.createElement(lab.LoadingButton, {
       variant: "contained",
       color: "warning",
-      loading: isActionLoading,
-      onClick: handleAction
-    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+      loading: isLoading || isLastCommandRunning,
+      onClick: handleReset
+    }, React.createElement(reactIntl.FormattedMessage, {
       id: "runbox.action.reset.dialog.actions.confirm"
     }))));
   };
   //
   //
   //
-  return React__default["default"].createElement(React__default["default"].Fragment, null, renderActionButton(), renderActionConfirmDialog());
+  return React.createElement(React.Fragment, null, renderResetMenuItem(), renderConfirmDialog());
 };
 
-exports["default"] = MaterialRunboxActionReset;
+exports.default = MaterialRunboxActionReset;

package/cjs/components/material-runbox/actions/MaterialRunboxActionRestart.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 import type { RuntimeProps } from '../runtime/Runtime';
-type MaterialRunboxActionRestartProps = Pick<RuntimeProps, 'runbox' | 'courseId' | 'refetch'>;
+type MaterialRunboxActionRestartProps = Pick<RuntimeProps, 'runbox' | 'runtime' | 'courseId' | 'refetch'> & {
+    handleMenuClose: () => void;
+};
 declare const MaterialRunboxActionRestart: React.FC<MaterialRunboxActionRestartProps>;
 export default MaterialRunboxActionRestart;

package/cjs/components/material-runbox/actions/MaterialRunboxActionRestart.js

@@ -2,117 +2,101 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactIntl = require('react-intl');
-var runboxClient = require('@elice/runbox-client');
-var iconsMaterial = require('@mui/icons-material');
+var muiElements = require('@elice/mui-elements');
+var proSolidSvgIcons = require('@fortawesome/pro-solid-svg-icons');
 var lab = require('@mui/lab');
 var material = require('@mui/material');
 var useRunboxControl = require('../hooks/useRunboxControl.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 //
 //
 //
-var MaterialRunboxActionRestart = function MaterialRunboxActionRestart(_ref) {
-  var runbox = _ref.runbox,
-    courseId = _ref.courseId,
-    refetch = _ref.refetch;
-  var intl = reactIntl.useIntl();
-  var _useEliceRunboxRunnin = runboxClient.useEliceRunboxRunning(),
-    status = _useEliceRunboxRunnin.status;
-  var _useRunboxControl = useRunboxControl.useRunboxControl({
-      runbox: runbox,
-      courseId: courseId,
-      refetch: refetch
-    }),
-    start = _useRunboxControl.start;
-  var isRunboxRunning = status === 'running';
-  var _React$useState = React__default["default"].useState(false),
-    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
-    isConfirmDialogOpen = _React$useState2[0],
-    setConfirmDialogOpen = _React$useState2[1];
-  var _React$useState3 = React__default["default"].useState(false),
-    _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
-    isActionLoading = _React$useState4[0],
-    setActionLoading = _React$useState4[1];
+const MaterialRunboxActionRestart = ({
+  runbox,
+  courseId,
+  refetch,
+  handleMenuClose
+}) => {
+  const [isLoading, setIsLoading] = React.useState(false);
+  const [isDialogOpened, setDialogOpened] = React.useState(false);
+  // restart
+  const {
+    start
+  } = useRunboxControl.useRunboxControl({
+    runbox,
+    courseId,
+    refetch
+  });
   /**
    *
    */
-  var handleConfirmDialogOpen = function handleConfirmDialogOpen() {
-    setConfirmDialogOpen(true);
+  const handleDialogClose = () => {
+    setDialogOpened(false);
   };
   /**
    *
    */
-  var handleConfirmDialogClose = function handleConfirmDialogClose() {
-    setConfirmDialogOpen(false);
-  };
-  /**
-   *
-   */
-  var handleAction = function handleAction() {
-    setActionLoading(true);
-    start(true).catch(function () {
-      return void 0;
-    }).finally(function () {
-      setActionLoading(false);
-      handleConfirmDialogClose();
+  const handleRestartAction = () => {
+    setIsLoading(true);
+    start(true).catch(() => void 0).finally(() => {
+      handleDialogClose();
+      handleMenuClose();
+      setIsLoading(false);
     });
   };
   /**
    *
    */
-  var renderActionButton = function renderActionButton() {
-    return React__default["default"].createElement(material.Tooltip, {
-      title: intl.formatMessage({
-        id: 'runbox.action.restart.title'
-      })
-    }, React__default["default"].createElement(material.IconButton, {
-      disabled: !isRunboxRunning,
-      onClick: handleConfirmDialogOpen
-    }, React__default["default"].createElement(iconsMaterial.RestartAlt, null)));
+  const renderRestartMenuItem = () => {
+    return React.createElement(material.MenuItem, {
+      onClick: () => setDialogOpened(true)
+    }, React.createElement(material.ListItemIcon, null, React.createElement(muiElements.EliceIcon, {
+      icon: proSolidSvgIcons.faRotateRight
+    })), React.createElement(material.ListItemText, null, React.createElement(reactIntl.FormattedMessage, {
+      id: "runbox.action.restart.title"
+    })));
   };
   /**
    *
    */
-  var renderActionConfirmDialog = function renderActionConfirmDialog() {
-    return React__default["default"].createElement(material.Dialog, {
-      open: isConfirmDialogOpen,
+  const renderConfirmDialog = () => {
+    if (!isDialogOpened) {
+      return null;
+    }
+    return React.createElement(material.Dialog, {
       maxWidth: "xs",
+      open: true,
       fullWidth: true,
-      onClose: handleConfirmDialogClose
-    }, React__default["default"].createElement(material.DialogTitle, null, React__default["default"].createElement(reactIntl.FormattedMessage, {
+      onClose: handleDialogClose
+    }, React.createElement(material.DialogTitle, null, React.createElement(reactIntl.FormattedMessage, {
       id: "runbox.action.restart.title"
-    })), React__default["default"].createElement(material.DialogContent, null, React__default["default"].createElement(material.DialogContentText, {
+    })), React.createElement(material.DialogContent, null, React.createElement(material.DialogContentText, {
       sx: {
         whiteSpace: 'pre-line'
       }
-    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+    }, React.createElement(reactIntl.FormattedMessage, {
       id: "runbox.action.restart.dialog.description"
-    }))), React__default["default"].createElement(material.DialogActions, null, React__default["default"].createElement(material.Button, {
+    }))), React.createElement(material.DialogActions, null, React.createElement(material.Button, {
       color: "inherit",
-      disabled: isActionLoading,
-      onClick: handleConfirmDialogClose
-    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+      disabled: isLoading,
+      onClick: handleDialogClose
+    }, React.createElement(reactIntl.FormattedMessage, {
       id: "runbox.common.close"
-    })), React__default["default"].createElement(lab.LoadingButton, {
+    })), React.createElement(lab.LoadingButton, {
       variant: "contained",
       color: "warning",
-      loading: isActionLoading,
-      onClick: handleAction
-    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+      loading: isLoading,
+      onClick: handleRestartAction
+    }, React.createElement(reactIntl.FormattedMessage, {
       id: "runbox.action.restart.dialog.actions.confirm"
     }))));
   };
   //
   //
   //
-  return React__default["default"].createElement(React__default["default"].Fragment, null, renderActionButton(), renderActionConfirmDialog());
+  return React.createElement(React.Fragment, null, renderRestartMenuItem(), renderConfirmDialog());
 };
 
-exports["default"] = MaterialRunboxActionRestart;
+exports.default = MaterialRunboxActionRestart;

package/cjs/components/material-runbox/actions/MaterialRunboxActionShare.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
-declare const MaterialRunboxActionShare: React.FC;
+interface MaterialRunboxActionShareProps {
+    handleMenuClose: () => void;
+}
+declare const MaterialRunboxActionShare: React.FC<MaterialRunboxActionShareProps>;
 export default MaterialRunboxActionShare;

package/cjs/components/material-runbox/actions/MaterialRunboxActionShare.js

@@ -2,68 +2,94 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactIntl = require('react-intl');
 var reactUse = require('react-use');
+var muiElements = require('@elice/mui-elements');
+var muiXSnackbar = require('@elice/mui-x-snackbar');
 var runboxClient = require('@elice/runbox-client');
-var iconsMaterial = require('@mui/icons-material');
+var proSolidSvgIcons = require('@fortawesome/pro-solid-svg-icons');
 var material = require('@mui/material');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+require('../contexts/MaterialRunboxApiContext.js');
+require('../contexts/MaterialRunboxCommandContext.js');
+var MaterialRunboxContext = require('../contexts/MaterialRunboxContext.js');
 
 //
 //
 //
-var MaterialRunboxActionShare = function MaterialRunboxActionShare() {
-  var intl = reactIntl.useIntl();
-  var _useEliceRunboxRunnin = runboxClient.useEliceRunboxRunning(),
-    status = _useEliceRunboxRunnin.status,
-    url = _useEliceRunboxRunnin.url;
-  var _React$useState = React__default["default"].useState(false),
-    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
-    isClipboardCopied = _React$useState2[0],
-    setClipboardCopied = _React$useState2[1];
-  var _useCopyToClipboard = reactUse.useCopyToClipboard(),
-    _useCopyToClipboard2 = _rollupPluginBabelHelpers.slicedToArray(_useCopyToClipboard, 2),
-    clipboardValue = _useCopyToClipboard2[0].value,
-    copy = _useCopyToClipboard2[1];
-  var isRunboxRunning = status === 'running';
+const MaterialRunboxActionShare = ({
+  handleMenuClose
+}) => {
+  const intl = reactIntl.useIntl();
+  const {
+    enqueueSnackbar
+  } = muiXSnackbar.useSnackbar();
+  const {
+    enableUrlShare
+  } = MaterialRunboxContext.useMaterialRunboxContext();
+  const {
+    url
+  } = runboxClient.useEliceRunboxRunning();
+  const [{
+    value: clipboardValue,
+    error
+  }, copy] = reactUse.useCopyToClipboard();
+  const [isClipboardCopied, setClipboardCopied] = React.useState(false);
   /**
    *
    */
-  var handleAction = function handleAction() {
+  const renderShareMenuItem = () => {
+    if (!enableUrlShare) {
+      return null;
+    }
+    return React.createElement(material.MenuItem, {
+      disabled: !url,
+      onClick: handleShareAction
+    }, React.createElement(material.ListItemIcon, null, React.createElement(muiElements.EliceIcon, {
+      icon: proSolidSvgIcons.faLinkSimple
+    })), React.createElement(material.ListItemText, null, React.createElement(reactIntl.FormattedMessage, {
+      id: "runbox.action.share.title"
+    })));
+  };
+  /**
+   *
+   */
+  const handleShareAction = () => {
     if (url) {
       copy(url);
+      if (!error) {
+        handleMenuClose();
+        setClipboardCopied(true);
+      }
     }
   };
   //
   //
   //
-  React__default["default"].useEffect(function () {
-    setClipboardCopied(Boolean(clipboardValue));
-    var timeoutId = setTimeout(function () {
-      return setClipboardCopied(false);
-    }, 2000);
-    return function () {
-      clearTimeout(timeoutId);
-    };
-  }, [clipboardValue]);
+  React.useEffect(() => {
+    if (!isClipboardCopied) {
+      return;
+    }
+    if (clipboardValue && !error) {
+      enqueueSnackbar(intl.formatMessage({
+        id: 'runbox.action.share.snackbar.copied.success'
+      }), {
+        variant: 'success'
+      });
+    } else {
+      enqueueSnackbar(intl.formatMessage({
+        id: 'runbox.action.share.snackbar.copied.fail'
+      }), {
+        variant: 'error'
+      });
+    }
+    setClipboardCopied(false);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isClipboardCopied]);
   //
   //
   //
-  return React__default["default"].createElement(material.Tooltip, {
-    title: isClipboardCopied ? intl.formatMessage({
-      id: 'runbox.action.share.tooltip.copied'
-    }) : intl.formatMessage({
-      id: 'runbox.action.share.title'
-    })
-  }, React__default["default"].createElement(material.IconButton, {
-    disabled: !isRunboxRunning || !url,
-    onClick: handleAction
-  }, isClipboardCopied ? React__default["default"].createElement(iconsMaterial.Check, null) : React__default["default"].createElement(iconsMaterial.Link, null)));
+  return renderShareMenuItem();
 };
 
-exports["default"] = MaterialRunboxActionShare;
+exports.default = MaterialRunboxActionShare;

package/cjs/components/material-runbox/contexts/MaterialRunboxApiContext.js

@@ -2,58 +2,47 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var openapiClientMaterialRunbox = require('@elice/openapi-client-material-runbox');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 //
 //
 //
-var MaterialRunboxApiContext = React__default["default"].createContext({});
-var useMaterialRunboxApiContext = function useMaterialRunboxApiContext() {
-  return React__default["default"].useContext(MaterialRunboxApiContext);
+const MaterialRunboxApiContext = React.createContext({});
+const useMaterialRunboxApiContext = () => {
+  return React.useContext(MaterialRunboxApiContext);
 };
 //
 //
 //
-var MaterialRunboxApiContextProvider = function MaterialRunboxApiContextProvider(_ref) {
-  var children = _ref.children,
-    eliceMaterialRunboxApiConfiguration = _ref.eliceMaterialRunboxApiConfiguration;
-  var createMaterialRunboxApi = function createMaterialRunboxApi() {
-    return Object.freeze({
-      runbox: new openapiClientMaterialRunbox.RunboxApi(eliceMaterialRunboxApiConfiguration),
-      runtime: new openapiClientMaterialRunbox.RuntimeApi(eliceMaterialRunboxApiConfiguration),
-      runtimeTemplate: new openapiClientMaterialRunbox.RuntimeTemplateApi(eliceMaterialRunboxApiConfiguration)
-    });
-  };
+const MaterialRunboxApiContextProvider = ({
+  children,
+  eliceMaterialRunboxApiConfiguration
+}) => {
+  const createMaterialRunboxApi = () => Object.freeze({
+    runbox: new openapiClientMaterialRunbox.RunboxApi(eliceMaterialRunboxApiConfiguration),
+    runtime: new openapiClientMaterialRunbox.RuntimeApi(eliceMaterialRunboxApiConfiguration),
+    runtimeTemplate: new openapiClientMaterialRunbox.RuntimeTemplateApi(eliceMaterialRunboxApiConfiguration)
+  });
   //
   //
   //
-  var _React$useState = React__default["default"].useState(createMaterialRunboxApi),
-    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
-    materialRunboxApi = _React$useState2[0],
-    setMaterialRunboxApi = _React$useState2[1];
+  const [materialRunboxApi, setMaterialRunboxApi] = React.useState(createMaterialRunboxApi);
   //
   //
   //
-  React__default["default"].useEffect(function () {
-    return setMaterialRunboxApi(createMaterialRunboxApi);
-  },
+  React.useEffect(() => setMaterialRunboxApi(createMaterialRunboxApi),
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [eliceMaterialRunboxApiConfiguration]);
   //
   //
   //
-  return React__default["default"].createElement(MaterialRunboxApiContext.Provider, {
+  return React.createElement(MaterialRunboxApiContext.Provider, {
     children: children,
     value: materialRunboxApi
   });
 };
 
 exports.MaterialRunboxApiContext = MaterialRunboxApiContext;
-exports["default"] = MaterialRunboxApiContextProvider;
+exports.default = MaterialRunboxApiContextProvider;
 exports.useMaterialRunboxApiContext = useMaterialRunboxApiContext;