@elice/material-exercise 1.260429.0-improvetimerpopoverui.0 → 1.260430.0

package/cjs/components/material-exercise/exercise-runner/action/useControllerActionRun.js

@@ -0,0 +1,65 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var types = require('@elice/types');
+var websocket = require('@elice/websocket');
+var recoil = require('recoil');
+var ExerciseRunnerContext = require('../ExerciseRunnerContext.js');
+var recoil$1 = require('../../context/recoil.js');
+var useExerciseFile = require('../../../../hooks/useExerciseFile.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+//
+//
+//
+/**
+ * Provides state and handler for the exercise runner's "run" action.
+ */
+var useControllerActionRun = function useControllerActionRun() {
+  var _return = React__default.default.useRef({});
+  var _React$useContext = React__default.default.useContext(ExerciseRunnerContext.ExerciseRunnerContext),
+    onSubmit = _React$useContext.onSubmit;
+  var activeFilename = recoil.useRecoilValue(recoil$1.exerciseActiveFilenameState);
+  var isFileEditable = useExerciseFile.useExerciseFileEditable(activeFilename);
+  var runnerWebsocketStatus = recoil.useRecoilValue(recoil$1.exerciseWebSocketTotalStatusQuery([].concat(_rollupPluginBabelHelpers.toConsumableArray(isFileEditable ? ['usercodeEdit'] : []), ['runnerRoom', 'stdio'])));
+  var exerciseRunType = recoil.useRecoilValue(recoil$1.exerciseRunnerRunTypeState);
+  var isSubmitting = recoil.useRecoilValue(recoil$1.exerciseRunnerSubmittingState);
+  var isRunning = recoil.useRecoilValue(recoil$1.exerciseRunnerRunningState);
+  var isConnecting = runnerWebsocketStatus === websocket.EliceWebSocket.CONNECTING;
+  var isNotReady = runnerWebsocketStatus !== websocket.EliceWebSocket.OPEN;
+  var isHidden = isRunning;
+  var isDisabled = isHidden || isNotReady || isConnecting || isSubmitting;
+  var isLoading = isConnecting || isSubmitting && exerciseRunType === types.enums.ExerciseRunType.Run;
+  /**
+   *
+   */
+  var run = React__default.default.useCallback(/*#__PURE__*/_rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee() {
+    return _rollupPluginBabelHelpers.regenerator().w(function (_context) {
+      while (1) switch (_context.n) {
+        case 0:
+          if (isDisabled) {
+            _context.n = 1;
+            break;
+          }
+          _context.n = 1;
+          return onSubmit(types.enums.ExerciseRunType.Run);
+        case 1:
+          return _context.a(2);
+      }
+    }, _callee);
+  })), [isDisabled, onSubmit]);
+  //
+  //
+  //
+  _return.current.isHidden = isHidden;
+  _return.current.isDisabled = isDisabled;
+  _return.current.isLoading = isLoading;
+  _return.current.run = run;
+  return _return.current;
+};
+
+exports.useControllerActionRun = useControllerActionRun;

package/cjs/components/material-exercise/exercise-runner/action/useControllerActionSyncRequest.d.ts

@@ -0,0 +1,15 @@
+export interface UseControllerActionSyncRequestReturn {
+    /** Whether the sync-request button should be hidden. */
+    isHidden: boolean;
+    /** Whether the sync-request button should be disabled. */
+    isDisabled: boolean;
+    /** Whether the sync-request button should show a loading indicator. */
+    isLoading: boolean;
+    /** Request the runner to sync the latest user code. */
+    syncRequest: () => void;
+}
+/**
+ * Provides state and handler for the exercise runner's "sync request" action,
+ * and forwards file-editor save actions to the same handler.
+ */
+export declare const useControllerActionSyncRequest: () => UseControllerActionSyncRequestReturn;

package/cjs/components/material-exercise/exercise-runner/action/useControllerActionSyncRequest.js

@@ -0,0 +1,68 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var websocket = require('@elice/websocket');
+var recoil = require('recoil');
+var ExerciseRunnerContext = require('../ExerciseRunnerContext.js');
+var context = require('../../context/context.js');
+var recoil$1 = require('../../context/recoil.js');
+var useExerciseFile = require('../../../../hooks/useExerciseFile.js');
+var subjects = require('../../context/subjects.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+//
+//
+//
+/**
+ * Provides state and handler for the exercise runner's "sync request" action,
+ * and forwards file-editor save actions to the same handler.
+ */
+var useControllerActionSyncRequest = function useControllerActionSyncRequest() {
+  var _a;
+  var _return = React__default.default.useRef({});
+  var _React$useContext = React__default.default.useContext(context.ExerciseContext),
+    materialExerciseId = _React$useContext.materialExerciseId;
+  var _React$useContext2 = React__default.default.useContext(ExerciseRunnerContext.ExerciseRunnerContext),
+    onSyncRequest = _React$useContext2.onSyncRequest;
+  var activeFilename = recoil.useRecoilValue(recoil$1.exerciseActiveFilenameState);
+  var isFileEditable = useExerciseFile.useExerciseFileEditable(activeFilename);
+  var runnerWebsocketStatus = recoil.useRecoilValue(recoil$1.exerciseWebSocketTotalStatusQuery([].concat(_rollupPluginBabelHelpers.toConsumableArray(isFileEditable ? ['usercodeEdit'] : []), ['runnerRoom', 'stdio'])));
+  var exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
+  var isRunning = recoil.useRecoilValue(recoil$1.exerciseRunnerRunningState);
+  var isConnecting = runnerWebsocketStatus === websocket.EliceWebSocket.CONNECTING;
+  var isNotReady = runnerWebsocketStatus !== websocket.EliceWebSocket.OPEN;
+  var isHidden = !isRunning || !((_a = exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage) === null || _a === void 0 ? void 0 : _a.httpPort);
+  var isDisabled = isHidden || isNotReady || isConnecting;
+  var isLoading = isConnecting;
+  /**
+   *
+   */
+  var syncRequest = React__default.default.useCallback(function () {
+    if (!isDisabled) {
+      onSyncRequest();
+    }
+  }, [isDisabled, onSyncRequest]);
+  //
+  //
+  //
+  React__default.default.useEffect(function () {
+    var saveActionSub = subjects.exerciseFileEditorSaveAction$.subscribe(syncRequest);
+    return function () {
+      saveActionSub.unsubscribe();
+    };
+  }, [syncRequest]);
+  //
+  //
+  //
+  _return.current.isHidden = isHidden;
+  _return.current.isDisabled = isDisabled;
+  _return.current.isLoading = isLoading;
+  _return.current.syncRequest = syncRequest;
+  return _return.current;
+};
+
+exports.useControllerActionSyncRequest = useControllerActionSyncRequest;

package/cjs/components/material-exercise/exercise-runner/arduino/ArduinoConnectionGuideDialog.d.ts

@@ -0,0 +1,3 @@
+import type React from 'react';
+declare const ArduinoConnectionGuideDialog: React.VFC;
+export default ArduinoConnectionGuideDialog;

package/cjs/components/material-exercise/exercise-runner/arduino/ArduinoConnectionGuideDialog.js

@@ -0,0 +1,163 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var intl = require('@elice/intl');
+var mcuBridge = require('@elice/mcu-bridge');
+var ArrowUpwardIcon = require('@mui/icons-material/ArrowUpward');
+var Alert = require('@mui/material/Alert');
+var Dialog = require('@mui/material/Dialog');
+var DialogActions = require('@mui/material/DialogActions');
+var DialogContent = require('@mui/material/DialogContent');
+var DialogTitle = require('@mui/material/DialogTitle');
+var Stack = require('@mui/material/Stack');
+var Typography = require('@mui/material/Typography');
+var _context = require('./_context.js');
+var ArduinoConnectionGuideDialogNativeMock = require('./ArduinoConnectionGuideDialogNativeMock.js');
+var ArduinoConnectionGuideDialogSteps = require('./ArduinoConnectionGuideDialogSteps.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var ArrowUpwardIcon__default = /*#__PURE__*/_interopDefaultCompat(ArrowUpwardIcon);
+var Alert__default = /*#__PURE__*/_interopDefaultCompat(Alert);
+var Dialog__default = /*#__PURE__*/_interopDefaultCompat(Dialog);
+var DialogActions__default = /*#__PURE__*/_interopDefaultCompat(DialogActions);
+var DialogContent__default = /*#__PURE__*/_interopDefaultCompat(DialogContent);
+var DialogTitle__default = /*#__PURE__*/_interopDefaultCompat(DialogTitle);
+var Stack__default = /*#__PURE__*/_interopDefaultCompat(Stack);
+var Typography__default = /*#__PURE__*/_interopDefaultCompat(Typography);
+
+//
+//
+//
+var ACCENT = '#7353ea';
+var PREVIEW_BG = '#f6f8fb';
+var PREVIEW_BORDER = '#e9ebf0';
+//
+//
+//
+var ArduinoConnectionGuideDialog = function ArduinoConnectionGuideDialog() {
+  var intl$1 = intl.useRawEliceIntl();
+  var phase = mcuBridge.usePermissionPhase();
+  var _useArduinoBridge = _context.useArduinoBridge(),
+    connectionIntent = _useArduinoBridge.connectionIntent;
+  var open = phase === 'requesting';
+  var isUpload = connectionIntent === 'upload';
+  /**
+   *
+   */
+  var renderTitle = function renderTitle() {
+    return intl$1.formatMessage({
+      id: isUpload ? 'exerciseRunner.arduino.connectGuide.title.upload' : 'exerciseRunner.arduino.connectGuide.title.connect'
+    });
+  };
+  /**
+   *
+   */
+  var renderUploadNotice = function renderUploadNotice() {
+    if (!isUpload) {
+      return null;
+    }
+    return jsxRuntime.jsx(Alert__default.default, {
+      severity: "info",
+      variant: "outlined",
+      icon: false,
+      children: intl$1.formatMessage({
+        id: 'exerciseRunner.arduino.connectGuide.upload.note'
+      })
+    });
+  };
+  /**
+   *
+   */
+  var renderPreview = function renderPreview() {
+    return jsxRuntime.jsxs(Stack__default.default, {
+      alignItems: "center",
+      spacing: 1.25,
+      sx: {
+        bgcolor: PREVIEW_BG,
+        border: "1px solid ".concat(PREVIEW_BORDER),
+        borderRadius: '10px',
+        p: '14px'
+      },
+      children: [jsxRuntime.jsxs(Stack__default.default, {
+        direction: "row",
+        spacing: 0.75,
+        alignItems: "center",
+        sx: {
+          color: ACCENT
+        },
+        children: [jsxRuntime.jsx(ArrowUpwardIcon__default.default, {
+          sx: {
+            fontSize: 11
+          }
+        }), jsxRuntime.jsx(Typography__default.default, {
+          sx: {
+            fontSize: 12,
+            fontWeight: 700,
+            letterSpacing: '-.01em',
+            color: ACCENT
+          },
+          children: intl$1.formatMessage({
+            id: 'exerciseRunner.arduino.connectGuide.preview.label'
+          })
+        })]
+      }), jsxRuntime.jsx(ArduinoConnectionGuideDialogNativeMock.default, {})]
+    });
+  };
+  /**
+   *
+   */
+  var renderActions = function renderActions() {
+    return jsxRuntime.jsx(DialogActions__default.default, {
+      sx: {
+        justifyContent: 'flex-start',
+        px: 3,
+        py: 2
+      },
+      children: jsxRuntime.jsx(Typography__default.default, {
+        variant: "caption",
+        color: "text.secondary",
+        children: intl$1.formatMessage({
+          id: 'exerciseRunner.arduino.connectGuide.footer'
+        })
+      })
+    });
+  };
+  //
+  //
+  //
+  // No onClose: open state is fully derived from the picker phase.
+  return jsxRuntime.jsxs(Dialog__default.default, {
+    disableEnforceFocus: true,
+    hideBackdrop: true,
+    fullWidth: true,
+    open: open,
+    maxWidth: "sm",
+    sx: {
+      pointerEvents: 'none'
+    },
+    PaperProps: {
+      sx: {
+        pointerEvents: 'auto'
+      }
+    },
+    children: [jsxRuntime.jsx(DialogTitle__default.default, {
+      children: renderTitle()
+    }), jsxRuntime.jsx(DialogContent__default.default, {
+      children: jsxRuntime.jsxs(Stack__default.default, {
+        spacing: 2,
+        children: [renderUploadNotice(), jsxRuntime.jsx(Typography__default.default, {
+          variant: "body2",
+          color: "text.secondary",
+          children: intl$1.formatMessage({
+            id: 'exerciseRunner.arduino.connectGuide.body'
+          })
+        }), renderPreview(), jsxRuntime.jsx(ArduinoConnectionGuideDialogSteps.default, {})]
+      })
+    }), renderActions()]
+  });
+};
+
+exports.default = ArduinoConnectionGuideDialog;

package/cjs/components/material-exercise/exercise-runner/arduino/ArduinoConnectionGuideDialogNativeMock.d.ts

@@ -0,0 +1,3 @@
+import type React from 'react';
+declare const ArduinoConnectionGuideDialogNativeMock: React.VFC;
+export default ArduinoConnectionGuideDialogNativeMock;

package/cjs/components/material-exercise/exercise-runner/arduino/ArduinoConnectionGuideDialogNativeMock.js

@@ -0,0 +1,188 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var intl = require('@elice/intl');
+var LockIcon = require('@mui/icons-material/Lock');
+var Box = require('@mui/material/Box');
+var Stack = require('@mui/material/Stack');
+var Typography = require('@mui/material/Typography');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var LockIcon__default = /*#__PURE__*/_interopDefaultCompat(LockIcon);
+var Box__default = /*#__PURE__*/_interopDefaultCompat(Box);
+var Stack__default = /*#__PURE__*/_interopDefaultCompat(Stack);
+var Typography__default = /*#__PURE__*/_interopDefaultCompat(Typography);
+
+//
+//
+//
+// Mirrors the Chromium serial picker palette so the kid sees what the native
+// browser dialog will look like before it pops. Theme tokens are intentionally
+// not used here — the goal is to imitate the OS chrome, not the app brand.
+var MOCK_BG = '#2a2c30';
+var MOCK_FOOT_BG = '#202124';
+var MOCK_TEXT = '#e8eaed';
+var MOCK_ROW_TEXT = '#cdd0d4';
+var MOCK_BORDER = 'rgba(255,255,255,.08)';
+var MOCK_SEL_BG = '#3367d6';
+var MOCK_BTN_BORDER = 'rgba(255,255,255,.18)';
+var MOCK_BTN_PRIMARY_BG = '#8ab4f8';
+var MOCK_BTN_PRIMARY_TEXT = '#202124';
+var MOCK_HELP_BORDER = 'rgba(255,255,255,.25)';
+var MOCK_HELP_TEXT = '#9aa0a6';
+var SYSTEM_FONT = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
+//
+//
+//
+var ArduinoConnectionGuideDialogNativeMock = function ArduinoConnectionGuideDialogNativeMock() {
+  var intl$1 = intl.useRawEliceIntl();
+  /**
+   *
+   */
+  var renderHeader = function renderHeader() {
+    return jsxRuntime.jsxs(Stack__default.default, {
+      direction: "row",
+      spacing: 1,
+      alignItems: "center",
+      sx: {
+        pt: '11px',
+        pb: '9px',
+        px: '14px',
+        borderBottom: "1px solid ".concat(MOCK_BORDER),
+        color: MOCK_TEXT
+      },
+      children: [jsxRuntime.jsx(LockIcon__default.default, {
+        sx: {
+          fontSize: 11,
+          color: '#5f6368'
+        }
+      }), jsxRuntime.jsx(Typography__default.default, {
+        noWrap: true,
+        sx: {
+          fontSize: 12.5,
+          fontFamily: SYSTEM_FONT,
+          color: MOCK_TEXT
+        },
+        children: intl$1.formatMessage({
+          id: 'exerciseRunner.arduino.connectGuide.preview.host'
+        }, {
+          host: window.location.host
+        })
+      })]
+    });
+  };
+  /**
+   *
+   */
+  var renderRows = function renderRows() {
+    var rowSx = {
+      px: '14px',
+      py: '7px',
+      fontSize: 12.5,
+      color: MOCK_ROW_TEXT,
+      fontFamily: SYSTEM_FONT
+    };
+    return jsxRuntime.jsxs(Stack__default.default, {
+      sx: {
+        py: '6px'
+      },
+      children: [jsxRuntime.jsx(Box__default.default, {
+        sx: rowSx,
+        children: "cu.Bluetooth-Incoming-Port"
+      }), jsxRuntime.jsx(Box__default.default, {
+        sx: rowSx,
+        children: "cu.debug-console"
+      }), jsxRuntime.jsx(Box__default.default, {
+        sx: Object.assign(Object.assign({}, rowSx), {
+          bgcolor: MOCK_SEL_BG,
+          color: '#fff',
+          fontWeight: 500
+        }),
+        children: "cu.usbmodem2112401"
+      })]
+    });
+  };
+  /**
+   *
+   */
+  var renderFooter = function renderFooter() {
+    var btnBaseSx = {
+      display: 'inline-flex',
+      alignItems: 'center',
+      height: 28,
+      px: '14px',
+      borderRadius: '4px',
+      fontSize: 12,
+      fontWeight: 500,
+      fontFamily: SYSTEM_FONT
+    };
+    return jsxRuntime.jsxs(Stack__default.default, {
+      direction: "row",
+      spacing: 1,
+      alignItems: "center",
+      sx: {
+        py: '8px',
+        px: '12px',
+        bgcolor: MOCK_FOOT_BG,
+        borderTop: "1px solid ".concat(MOCK_BORDER)
+      },
+      children: [jsxRuntime.jsx(Box__default.default, {
+        sx: {
+          width: 22,
+          height: 22,
+          borderRadius: '50%',
+          border: "1px solid ".concat(MOCK_HELP_BORDER),
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          fontSize: 11,
+          color: MOCK_HELP_TEXT
+        },
+        children: "?"
+      }), jsxRuntime.jsx(Box__default.default, {
+        sx: {
+          flex: 1
+        }
+      }), jsxRuntime.jsx(Box__default.default, {
+        sx: Object.assign(Object.assign({}, btnBaseSx), {
+          border: "1px solid ".concat(MOCK_BTN_BORDER),
+          color: MOCK_ROW_TEXT,
+          bgcolor: 'transparent'
+        }),
+        children: intl$1.formatMessage({
+          id: 'exerciseRunner.arduino.connectGuide.preview.cancel'
+        })
+      }), jsxRuntime.jsx(Box__default.default, {
+        sx: Object.assign(Object.assign({}, btnBaseSx), {
+          border: "1px solid ".concat(MOCK_BTN_PRIMARY_BG),
+          bgcolor: MOCK_BTN_PRIMARY_BG,
+          color: MOCK_BTN_PRIMARY_TEXT
+        }),
+        children: intl$1.formatMessage({
+          id: 'exerciseRunner.arduino.connectGuide.preview.connect'
+        })
+      })]
+    });
+  };
+  //
+  //
+  //
+  return jsxRuntime.jsxs(Box__default.default, {
+    sx: {
+      bgcolor: MOCK_BG,
+      color: MOCK_TEXT,
+      borderRadius: '8px',
+      boxShadow: '0 4px 14px rgba(0,0,0,.25)',
+      width: 340,
+      maxWidth: '100%',
+      border: "1px solid ".concat(MOCK_BORDER),
+      overflow: 'hidden'
+    },
+    children: [renderHeader(), renderRows(), renderFooter()]
+  });
+};
+
+exports.default = ArduinoConnectionGuideDialogNativeMock;

package/cjs/components/material-exercise/exercise-runner/arduino/ArduinoConnectionGuideDialogSteps.d.ts

@@ -0,0 +1,3 @@
+import type React from 'react';
+declare const ArduinoConnectionGuideDialogSteps: React.VFC;
+export default ArduinoConnectionGuideDialogSteps;

package/cjs/components/material-exercise/exercise-runner/arduino/ArduinoConnectionGuideDialogSteps.js

@@ -0,0 +1,128 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var intl = require('@elice/intl');
+var Box = require('@mui/material/Box');
+var Stack = require('@mui/material/Stack');
+var Typography = require('@mui/material/Typography');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var Box__default = /*#__PURE__*/_interopDefaultCompat(Box);
+var Stack__default = /*#__PURE__*/_interopDefaultCompat(Stack);
+var Typography__default = /*#__PURE__*/_interopDefaultCompat(Typography);
+
+//
+//
+//
+var ACCENT = '#7353ea';
+var ACCENT_BG = 'rgba(115,83,234,.12)';
+var STEP_CODE_BG = '#f3f5f8';
+var STEP_CODE_BORDER = '#e9ebf0';
+var STEP_KEYS = [1, 2, 3];
+//
+//
+//
+var ArduinoConnectionGuideDialogSteps = function ArduinoConnectionGuideDialogSteps() {
+  var intl$1 = intl.useRawEliceIntl();
+  /**
+   *
+   */
+  var renderInlineCode = function renderInlineCode(text) {
+    return jsxRuntime.jsx(Box__default.default, {
+      component: "code",
+      sx: {
+        fontFamily: 'monospace',
+        fontSize: 12,
+        fontWeight: 600,
+        px: 0.75,
+        py: '1px',
+        mx: 0.25,
+        borderRadius: 0.5,
+        bgcolor: STEP_CODE_BG,
+        border: "1px solid ".concat(STEP_CODE_BORDER),
+        color: ACCENT
+      },
+      children: text
+    });
+  };
+  /**
+   *
+   */
+  var renderStrong = function renderStrong(text) {
+    return jsxRuntime.jsx(Box__default.default, {
+      component: "strong",
+      sx: {
+        color: '#191f28',
+        fontWeight: 700
+      },
+      children: text
+    });
+  };
+  /**
+   *
+   */
+  var renderStepBadge = function renderStepBadge(step) {
+    return jsxRuntime.jsx(Box__default.default, {
+      "aria-hidden": "true",
+      sx: {
+        flexShrink: 0,
+        width: 22,
+        height: 22,
+        borderRadius: '50%',
+        bgcolor: ACCENT_BG,
+        color: ACCENT,
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        fontSize: 11.5,
+        fontWeight: 800,
+        mt: '1px'
+      },
+      children: step
+    });
+  };
+  /**
+   *
+   */
+  var renderStep = function renderStep(step) {
+    return jsxRuntime.jsxs(Stack__default.default, {
+      direction: "row",
+      spacing: 1.25,
+      alignItems: "flex-start",
+      children: [renderStepBadge(step), jsxRuntime.jsx(Typography__default.default, {
+        sx: {
+          fontSize: 13.5,
+          lineHeight: 1.55,
+          color: '#4b5562',
+          fontWeight: 500
+        },
+        children: intl$1.formatMessage({
+          id: "exerciseRunner.arduino.connectGuide.steps.".concat(step)
+        }, {
+          usbmodem: renderInlineCode('usbmodem'),
+          usbserial: renderInlineCode('usbserial'),
+          connect: renderStrong(intl$1.formatMessage({
+            id: 'exerciseRunner.arduino.connectGuide.preview.connect'
+          })),
+          cancel: renderStrong(intl$1.formatMessage({
+            id: 'exerciseRunner.arduino.connectGuide.preview.cancel'
+          }))
+        })
+      })]
+    }, step);
+  };
+  //
+  //
+  //
+  return jsxRuntime.jsx(Stack__default.default, {
+    spacing: 1.25,
+    children: STEP_KEYS.map(function (step) {
+      return renderStep(step);
+    })
+  });
+};
+
+exports.default = ArduinoConnectionGuideDialogSteps;

package/cjs/components/material-exercise/exercise-runner/arduino/ArduinoControllerActionCompile.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ArduinoControllerActionCompile: React.FC;
+export default ArduinoControllerActionCompile;