@codecademy/codebytes 1.3.0-alpha.c459366758.0 → 2.0.0-alpha.319255f0ae.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/codebytes",
   "description": "Codebytes Editor",
-  "version": "1.3.0-alpha.c459366758.0",
+  "version": "2.0.0-alpha.319255f0ae.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "dependencies": {
     "@monaco-editor/react": "^4.4.5",
@@ -17,7 +17,7 @@
     "@codecademy/gamut": "*",
     "@codecademy/gamut-icons": "*",
     "@codecademy/gamut-styles": "*",
-    "@codecademy/tracking": "1.2.0-alpha.c459366758.0",
+    "@codecademy/tracking": "2.0.0-alpha.319255f0ae.0",
     "@codecademy/variance": "*",
     "@emotion/styled": "^11.3.0",
     "monaco-editor": "*",

package/dist/MonacoEditor/colorsDark.d.ts

@@ -1,32 +0,0 @@
-export declare const syntax: {
-    attribute: "#b4d353";
-    annotation: "#ea6c8b";
-    atom: "#cc7bc2";
-    basic: "#ffffff";
-    comment: "#939598";
-    constant: "#ff8973";
-    decoration: "#ea6c8b";
-    invalid: "#ea6c8b";
-    key: "#83fff5";
-    keyword: "#b3ccff";
-    number: "#ea6c8b";
-    operator: "#ea6c8b";
-    predefined: "#ffffff";
-    property: "#ea6c8b";
-    regexp: "#b4d353";
-    string: "#ffe083";
-    tag: "#ea6c8b";
-    text: "#ff8973";
-    value: "#ffe083";
-    variable: "#b4d353";
-};
-export declare const ui: {
-    background: string;
-    text: "#ffffff";
-    indent: {
-        active: string;
-        inactive: string;
-    };
-};
-export type SyntaxColors = typeof syntax;
-export type UIColors = typeof ui;

package/dist/MonacoEditor/colorsDark.js

@@ -1,47 +0,0 @@
-// DO NOT CHANGE ANYTHING HERE
-// This file is part of the Codebytes MVP and only includes basic configuration around theming for the SimpleMonacoEditor component
-// We are working on a monaco package in client-modules that has more configuration around themes and languages
-// Monaco as a shared package RFC https://www.notion.so/codecademy/Monaco-editor-as-a-shared-package-1f4484db165b4abc8394c3556451ef6a
-
-import { colors, editorColors } from '@codecademy/gamut-styles';
-const darkTheme = {
-  blue: editorColors.blue,
-  deepPurple: editorColors.deepPurple,
-  gray: editorColors.gray,
-  green: editorColors.green,
-  orange: editorColors.orange,
-  purple: editorColors.purple,
-  red: editorColors.red,
-  white: colors.white,
-  yellow: editorColors.yellow
-};
-export const syntax = {
-  attribute: darkTheme.green,
-  annotation: darkTheme.red,
-  atom: darkTheme.deepPurple,
-  basic: darkTheme.white,
-  comment: darkTheme.gray,
-  constant: darkTheme.orange,
-  decoration: darkTheme.red,
-  invalid: darkTheme.red,
-  key: darkTheme.blue,
-  keyword: darkTheme.purple,
-  number: darkTheme.red,
-  operator: darkTheme.red,
-  predefined: darkTheme.white,
-  property: darkTheme.red,
-  regexp: darkTheme.green,
-  string: darkTheme.yellow,
-  tag: darkTheme.red,
-  text: darkTheme.orange,
-  value: darkTheme.yellow,
-  variable: darkTheme.green
-};
-export const ui = {
-  background: '#211E2F',
-  text: darkTheme.white,
-  indent: {
-    active: '#393b41',
-    inactive: '#494b51'
-  }
-};

package/dist/MonacoEditor/index.d.ts

@@ -1,8 +0,0 @@
-import { EditorProps } from '@monaco-editor/react';
-import React from 'react';
-export type SimpleMonacoEditorProps = {
-    value: string;
-    language: string;
-    onChange?: EditorProps['onChange'];
-};
-export declare const SimpleMonacoEditor: React.FC<SimpleMonacoEditorProps>;

package/dist/MonacoEditor/index.js

@@ -1,45 +0,0 @@
-// DO NOT CHANGE ANYTHING HERE
-// This component is part of the Codebytes MVP and only includes basic configuration around theming
-// We are working on a monaco package in client-modules that has more configuration around themes and languages
-// Monaco as a shared package RFC https://www.notion.so/codecademy/Monaco-editor-as-a-shared-package-1f4484db165b4abc8394c3556451ef6a
-
-import ReactMonacoEditor from '@monaco-editor/react';
-import React, { useCallback, useRef } from 'react';
-import ResizeObserver from 'react-resize-observer';
-import { dark } from './theme';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export const SimpleMonacoEditor = _ref => {
-  let value = _ref.value,
-    language = _ref.language,
-    onChange = _ref.onChange;
-  const editorRef = useRef(null);
-  const editorWillMount = useCallback((editor, monaco) => {
-    editorRef.current = editor;
-    monaco.editor.defineTheme('dark', dark);
-    monaco.editor.setTheme('dark');
-  }, []);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(ResizeObserver, {
-      onResize: _ref2 => {
-        var _editorRef$current;
-        let height = _ref2.height,
-          width = _ref2.width;
-        (_editorRef$current = editorRef.current) === null || _editorRef$current === void 0 ? void 0 : _editorRef$current.layout({
-          height,
-          width
-        });
-      }
-    }), /*#__PURE__*/_jsx(ReactMonacoEditor, {
-      onMount: editorWillMount,
-      onChange: onChange,
-      options: {
-        minimap: {
-          enabled: false
-        }
-      },
-      theme: "vs-dark",
-      value: value,
-      language: language
-    })]
-  });
-};

package/dist/MonacoEditor/theme.d.ts

@@ -1,2 +0,0 @@
-import type * as monaco from 'monaco-editor';
-export declare const dark: monaco.editor.IStandaloneThemeData;

package/dist/MonacoEditor/theme.js

@@ -1,120 +0,0 @@
-// DO NOT CHANGE ANYTHING HERE
-// This file is part of the Codebytes MVP and only includes basic configuration around theming for the SimpleMonacoEditor component
-// We are working on a monaco package in client-modules that has more configuration around themes and languages
-// Monaco as a shared package RFC https://www.notion.so/codecademy/Monaco-editor-as-a-shared-package-1f4484db165b4abc8394c3556451ef6a
-
-import * as darkColors from './colorsDark';
-const c = color => color.slice(1, color.length);
-const theme = _ref => {
-  let ui = _ref.ui,
-    syntax = _ref.syntax;
-  return {
-    base: 'vs-dark',
-    inherit: true,
-    rules: [
-    // Base
-    {
-      token: '',
-      foreground: c(syntax.basic)
-    }, {
-      token: 'regexp',
-      foreground: c(syntax.regexp)
-    }, {
-      token: 'annotation',
-      foreground: c(syntax.annotation)
-    }, {
-      token: 'type',
-      foreground: c(syntax.annotation)
-    }, {
-      token: 'doctype',
-      foreground: c(syntax.comment)
-    }, {
-      token: 'delimiter',
-      foreground: c(syntax.decoration)
-    }, {
-      token: 'invalid',
-      foreground: c(syntax.invalid)
-    }, {
-      token: 'emphasis',
-      fontStyle: 'italic'
-    }, {
-      token: 'strong',
-      fontStyle: 'bold'
-    }, {
-      token: 'variable',
-      foreground: c(syntax.variable)
-    }, {
-      token: 'variable.predefined',
-      foreground: c(syntax.variable)
-    }, {
-      token: 'constant',
-      foreground: c(syntax.constant)
-    }, {
-      token: 'comment',
-      foreground: c(syntax.comment)
-    }, {
-      token: 'number',
-      foreground: c(syntax.number)
-    }, {
-      token: 'number.hex',
-      foreground: c(syntax.number)
-    }, {
-      token: 'keyword.directive',
-      foreground: c(syntax.comment)
-    }, {
-      token: 'include',
-      foreground: c(syntax.comment)
-    }, {
-      token: 'key',
-      foreground: c(syntax.property)
-    }, {
-      token: 'attribute.name',
-      foreground: c(syntax.attribute)
-    }, {
-      token: 'attribute.name-numeric',
-      foreground: c(syntax.string)
-    }, {
-      token: 'attribute.value',
-      foreground: c(syntax.property)
-    }, {
-      token: 'attribute.value.number',
-      foreground: c(syntax.number)
-    }, {
-      token: 'string',
-      foreground: c(syntax.string)
-    }, {
-      token: 'string.yaml',
-      foreground: c(syntax.string)
-    }, {
-      token: 'tag',
-      foreground: c(syntax.tag)
-    }, {
-      token: 'tag.id.jade',
-      foreground: c(syntax.tag)
-    }, {
-      token: 'tag.class.jade',
-      foreground: c(syntax.tag)
-    }, {
-      token: 'metatag',
-      foreground: c(syntax.comment)
-    }, {
-      token: 'attribute.value.unit',
-      foreground: c(syntax.string)
-    }, {
-      token: 'keyword',
-      foreground: c(syntax.keyword)
-    }, {
-      token: 'keyword.flow',
-      foreground: c(syntax.keyword)
-    }],
-    colors: {
-      'editor.background': ui.background,
-      'editor.foreground': ui.text,
-      'editorIndentGuide.background': ui.indent.inactive,
-      'editorIndentGuide.activeBackground': ui.indent.active,
-      'editorWhitespace.foreground': syntax.comment,
-      'editorLineNumber.foreground': '#9FA2AC'
-    }
-  };
-};
-export const dark = theme(darkColors);

package/dist/MonacoEditor/types.d.ts

@@ -1 +0,0 @@
-export type Monaco = typeof import('monaco-editor');

package/dist/MonacoEditor/types.js

@@ -1 +0,0 @@
-export {};

package/dist/api.d.ts

@@ -1,12 +0,0 @@
-import type { LanguageOption } from './consts';
-interface Response {
-    stderr: string;
-    stdout: string;
-    exit_code: number;
-}
-interface PostSnippetData {
-    language: LanguageOption;
-    code: string;
-}
-export declare const postSnippet: (data: PostSnippetData, snippetsBaseUrl?: string) => Promise<Response>;
-export {};

package/dist/api.js

@@ -1,8 +0,0 @@
-export const postSnippet = async (data, snippetsBaseUrl) => {
-  const snippetsEndpoint = "https://".concat(snippetsBaseUrl, "/snippets");
-  const response = await fetch(snippetsEndpoint, {
-    method: 'POST',
-    body: JSON.stringify(data)
-  });
-  return response.json();
-};

package/dist/codeByteEditor.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { CodeByteEditorProps } from './types';
-export declare const CodeByteEditor: React.FC<CodeByteEditorProps>;
-export default CodeByteEditor;

package/dist/codeByteEditor.js

@@ -1,131 +0,0 @@
-import _styled from "@emotion/styled/base";
-const _excluded = ["text", "language", "hideCopyButton", "snippetsBaseUrl", "onEdit", "onLanguageChange", "copyFormatter", "trackingData", "trackFirstEdit"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import { Box, IconButton } from '@codecademy/gamut';
-import { FaviconIcon } from '@codecademy/gamut-icons';
-import { Background, system } from '@codecademy/gamut-styles';
-import React, { useEffect, useState } from 'react';
-import { helloWorld } from './consts';
-import { Editor } from './editor';
-import { trackClick } from './helpers';
-import { useEverInView } from './helpers/useEverInView';
-import { LanguageSelection } from './languageSelection';
-import { trackUserImpression } from './libs/eventTracking';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const editorBaseStyles = system.css({
-  border: 1,
-  borderColor: 'gray-900',
-  display: 'flex',
-  flexDirection: 'column',
-  minHeight: '25rem'
-});
-const EditorContainer = /*#__PURE__*/_styled(Background, {
-  target: "e1epka4g0",
-  label: "EditorContainer"
-})(editorBaseStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9jb2RlQnl0ZUVkaXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JFIiwiZmlsZSI6Ii4uL3NyYy9jb2RlQnl0ZUVkaXRvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEljb25CdXR0b24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBGYXZpY29uSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IEJhY2tncm91bmQsIHN5c3RlbSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTdHlsZVByb3BzIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IGhlbGxvV29ybGQsIExhbmd1YWdlT3B0aW9uIH0gZnJvbSAnLi9jb25zdHMnO1xuaW1wb3J0IHsgRWRpdG9yIH0gZnJvbSAnLi9lZGl0b3InO1xuaW1wb3J0IHsgdHJhY2tDbGljayB9IGZyb20gJy4vaGVscGVycyc7XG5pbXBvcnQgeyB1c2VFdmVySW5WaWV3IH0gZnJvbSAnLi9oZWxwZXJzL3VzZUV2ZXJJblZpZXcnO1xuaW1wb3J0IHsgTGFuZ3VhZ2VTZWxlY3Rpb24gfSBmcm9tICcuL2xhbmd1YWdlU2VsZWN0aW9uJztcbmltcG9ydCB7IHRyYWNrVXNlckltcHJlc3Npb24gfSBmcm9tICcuL2xpYnMvZXZlbnRUcmFja2luZyc7XG5pbXBvcnQgeyBDb2RlQnl0ZUVkaXRvclByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IGVkaXRvckJhc2VTdHlsZXMgPSBzeXN0ZW0uY3NzKHtcbiAgYm9yZGVyOiAxLFxuICBib3JkZXJDb2xvcjogJ2dyYXktOTAwJyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgbWluSGVpZ2h0OiAnMjVyZW0nLFxufSk7XG5cbmNvbnN0IEVkaXRvckNvbnRhaW5lciA9XG4gIHN0eWxlZChCYWNrZ3JvdW5kKTxTdHlsZVByb3BzPHR5cGVvZiBlZGl0b3JCYXNlU3R5bGVzPj4oZWRpdG9yQmFzZVN0eWxlcyk7XG5cbmV4cG9ydCBjb25zdCBDb2RlQnl0ZUVkaXRvcjogUmVhY3QuRkM8Q29kZUJ5dGVFZGl0b3JQcm9wcz4gPSAoe1xuICB0ZXh0OiBpbml0aWFsVGV4dCxcbiAgbGFuZ3VhZ2U6IGluaXRpYWxMYW5ndWFnZSxcbiAgaGlkZUNvcHlCdXR0b24gPSBmYWxzZSxcbiAgc25pcHBldHNCYXNlVXJsLFxuICBvbkVkaXQsXG4gIG9uTGFuZ3VhZ2VDaGFuZ2UsXG4gIGNvcHlGb3JtYXR0ZXIsXG4gIHRyYWNraW5nRGF0YSxcbiAgdHJhY2tGaXJzdEVkaXQgPSBmYWxzZSxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICBjb25zdCB7IGV2ZXJJblZpZXcsIHJlZiB9ID0gdXNlRXZlckluVmlldygpO1xuXG4gIGNvbnN0IGdldEluaXRpYWxUZXh0ID0gKCkgPT4ge1xuICAgIGlmIChpbml0aWFsVGV4dCAhPT0gdW5kZWZpbmVkKSByZXR1cm4gaW5pdGlhbFRleHQ7XG4gICAgcmV0dXJuIGluaXRpYWxMYW5ndWFnZSA/IGhlbGxvV29ybGRbaW5pdGlhbExhbmd1YWdlXSA6ICcnO1xuICB9O1xuXG4gIGNvbnN0IFt0ZXh0LCBzZXRUZXh0XSA9IHVzZVN0YXRlPHN0cmluZz4oZ2V0SW5pdGlhbFRleHQoKSk7XG4gIGNvbnN0IFtsYW5ndWFnZSwgc2V0TGFuZ3VhZ2VdID0gdXNlU3RhdGU8TGFuZ3VhZ2VPcHRpb24+KFxuICAgIGluaXRpYWxMYW5ndWFnZSA/PyAnJ1xuICApO1xuICBjb25zdCBbaGFzQmVlbkVkaXRlZCwgc2V0SGFzQmVlbkVkaXRlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZXZlckluVmlldykge1xuICAgICAgdHJhY2tVc2VySW1wcmVzc2lvbih7XG4gICAgICAgIHBhZ2VfbmFtZTogdHJhY2tpbmdEYXRhPy5wYWdlX25hbWUgPz8gJ1Vua25vd24nLFxuICAgICAgICBjb250ZXh0OiB0cmFja2luZ0RhdGE/LmNvbnRleHQgPz8gZG9jdW1lbnQucmVmZXJyZXIsXG4gICAgICAgIHRhcmdldDogJ2NvZGVieXRlJyxcbiAgICAgIH0pO1xuICAgIH1cbiAgfSwgW2V2ZXJJblZpZXcsIHRyYWNraW5nRGF0YV0pO1xuXG4gIHJldHVybiAoXG4gICAgPEVkaXRvckNvbnRhaW5lclxuICAgICAgYmc9XCJibGFja1wiXG4gICAgICBtYXhXaWR0aD1cIjQzcmVtXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgICAgb3ZlcmZsb3c9XCJoaWRkZW5cIlxuICAgICAgcmVmPXtyZWZ9XG4gICAgPlxuICAgICAgPEJveCBib3JkZXJCb3R0b209ezF9IGJvcmRlckNvbG9yPVwiZ3JheS05MDBcIiBweT17NH0gcGw9ezh9PlxuICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgIGljb249e0Zhdmljb25JY29ufVxuICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgIGhyZWY9XCJodHRwczovL3d3dy5jb2RlY2FkZW15LmNvbS9cIlxuICAgICAgICAgIHRhcmdldD1cIl9ibGFua1wiXG4gICAgICAgICAgcmVsPVwibm9yZWZlcnJlclwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4gdHJhY2tDbGljaygnbG9nbycsIHRyYWNraW5nRGF0YSl9XG4gICAgICAgICAgdGlwPVwiVmlzaXQgdXNcIlxuICAgICAgICAgIHRpcFByb3BzPXt7XG4gICAgICAgICAgICBhbGlnbm1lbnQ6ICdib3R0b20tY2VudGVyJyxcbiAgICAgICAgICAgIHBsYWNlbWVudDogJ2Zsb2F0aW5nJyxcbiAgICAgICAgICAgIG5hcnJvdzogdHJ1ZSxcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgPC9Cb3g+XG4gICAgICB7bGFuZ3VhZ2UgPyAoXG4gICAgICAgIDxFZGl0b3JcbiAgICAgICAgICBsYW5ndWFnZT17bGFuZ3VhZ2V9XG4gICAgICAgICAgdGV4dD17dGV4dH1cbiAgICAgICAgICBoaWRlQ29weUJ1dHRvbj17aGlkZUNvcHlCdXR0b259XG4gICAgICAgICAgb25DaGFuZ2U9eyhuZXdUZXh0OiBzdHJpbmcpID0+IHtcbiAgICAgICAgICAgIHNldFRleHQobmV3VGV4dCk7XG4gICAgICAgICAgICBvbkVkaXQ/LihuZXdUZXh0LCBsYW5ndWFnZSk7XG4gICAgICAgICAgICBpZiAodHJhY2tGaXJzdEVkaXQgJiYgaGFzQmVlbkVkaXRlZCA9PT0gZmFsc2UpIHtcbiAgICAgICAgICAgICAgc2V0SGFzQmVlbkVkaXRlZCh0cnVlKTtcbiAgICAgICAgICAgICAgdHJhY2tDbGljaygnZWRpdCcsIHRyYWNraW5nRGF0YSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfX1cbiAgICAgICAgICBzbmlwcGV0c0Jhc2VVcmw9e3NuaXBwZXRzQmFzZVVybH1cbiAgICAgICAgICBjb3B5Rm9ybWF0dGVyPXtjb3B5Rm9ybWF0dGVyfVxuICAgICAgICAgIHRyYWNraW5nRGF0YT17dHJhY2tpbmdEYXRhfVxuICAgICAgICAvPlxuICAgICAgKSA6IChcbiAgICAgICAgPExhbmd1YWdlU2VsZWN0aW9uXG4gICAgICAgICAgb25DaGFuZ2U9eyhuZXdMYW5ndWFnZSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgbmV3VGV4dDogc3RyaW5nID1cbiAgICAgICAgICAgICAgdGV4dCB8fCAobmV3TGFuZ3VhZ2UgPyBoZWxsb1dvcmxkW25ld0xhbmd1YWdlXSA6ICcnKTtcbiAgICAgICAgICAgIHNldExhbmd1YWdlKG5ld0xhbmd1YWdlKTtcbiAgICAgICAgICAgIHNldFRleHQobmV3VGV4dCk7XG4gICAgICAgICAgICB0cmFja0NsaWNrKCdsYW5nX3NlbGVjdCcsIHRyYWNraW5nRGF0YSk7XG4gICAgICAgICAgICBvbkxhbmd1YWdlQ2hhbmdlPy4obmV3VGV4dCwgbmV3TGFuZ3VhZ2UpO1xuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgIDwvRWRpdG9yQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQ29kZUJ5dGVFZGl0b3I7XG4iXX0= */");
-export const CodeByteEditor = _ref => {
-  let initialText = _ref.text,
-    initialLanguage = _ref.language,
-    _ref$hideCopyButton = _ref.hideCopyButton,
-    hideCopyButton = _ref$hideCopyButton === void 0 ? false : _ref$hideCopyButton,
-    snippetsBaseUrl = _ref.snippetsBaseUrl,
-    onEdit = _ref.onEdit,
-    onLanguageChange = _ref.onLanguageChange,
-    copyFormatter = _ref.copyFormatter,
-    trackingData = _ref.trackingData,
-    _ref$trackFirstEdit = _ref.trackFirstEdit,
-    trackFirstEdit = _ref$trackFirstEdit === void 0 ? false : _ref$trackFirstEdit,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const _useEverInView = useEverInView(),
-    everInView = _useEverInView.everInView,
-    ref = _useEverInView.ref;
-  const getInitialText = () => {
-    if (initialText !== undefined) return initialText;
-    return initialLanguage ? helloWorld[initialLanguage] : '';
-  };
-  const _useState = useState(getInitialText()),
-    _useState2 = _slicedToArray(_useState, 2),
-    text = _useState2[0],
-    setText = _useState2[1];
-  const _useState3 = useState(initialLanguage !== null && initialLanguage !== void 0 ? initialLanguage : ''),
-    _useState4 = _slicedToArray(_useState3, 2),
-    language = _useState4[0],
-    setLanguage = _useState4[1];
-  const _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    hasBeenEdited = _useState6[0],
-    setHasBeenEdited = _useState6[1];
-  useEffect(() => {
-    if (everInView) {
-      var _trackingData$page_na, _trackingData$context;
-      trackUserImpression({
-        page_name: (_trackingData$page_na = trackingData === null || trackingData === void 0 ? void 0 : trackingData.page_name) !== null && _trackingData$page_na !== void 0 ? _trackingData$page_na : 'Unknown',
-        context: (_trackingData$context = trackingData === null || trackingData === void 0 ? void 0 : trackingData.context) !== null && _trackingData$context !== void 0 ? _trackingData$context : document.referrer,
-        target: 'codebyte'
-      });
-    }
-  }, [everInView, trackingData]);
-  return /*#__PURE__*/_jsxs(EditorContainer, _objectSpread(_objectSpread({
-    bg: "black",
-    maxWidth: "43rem"
-  }, rest), {}, {
-    overflow: "hidden",
-    ref: ref,
-    children: [/*#__PURE__*/_jsx(Box, {
-      borderBottom: 1,
-      borderColor: "gray-900",
-      py: 4,
-      pl: 8,
-      children: /*#__PURE__*/_jsx(IconButton, {
-        icon: FaviconIcon,
-        variant: "secondary",
-        href: "https://www.codecademy.com/",
-        target: "_blank",
-        rel: "noreferrer",
-        onClick: () => trackClick('logo', trackingData),
-        tip: "Visit us",
-        tipProps: {
-          alignment: 'bottom-center',
-          placement: 'floating',
-          narrow: true
-        }
-      })
-    }), language ? /*#__PURE__*/_jsx(Editor, {
-      language: language,
-      text: text,
-      hideCopyButton: hideCopyButton,
-      onChange: newText => {
-        setText(newText);
-        onEdit === null || onEdit === void 0 ? void 0 : onEdit(newText, language);
-        if (trackFirstEdit && hasBeenEdited === false) {
-          setHasBeenEdited(true);
-          trackClick('edit', trackingData);
-        }
-      },
-      snippetsBaseUrl: snippetsBaseUrl,
-      copyFormatter: copyFormatter,
-      trackingData: trackingData
-    }) : /*#__PURE__*/_jsx(LanguageSelection, {
-      onChange: newLanguage => {
-        const newText = text || (newLanguage ? helloWorld[newLanguage] : '');
-        setLanguage(newLanguage);
-        setText(newText);
-        trackClick('lang_select', trackingData);
-        onLanguageChange === null || onLanguageChange === void 0 ? void 0 : onLanguageChange(newText, newLanguage);
-      }
-    })]
-  }));
-};
-export default CodeByteEditor;

package/dist/consts.d.ts

@@ -1,23 +0,0 @@
-export declare const LanguageOptions: {
-    '': string;
-    cpp: string;
-    csharp: string;
-    golang: string;
-    javascript: string;
-    php: string;
-    python: string;
-    ruby: string;
-    scheme: string;
-};
-export type LanguageOption = keyof typeof LanguageOptions;
-export declare const validLanguages: Exclude<LanguageOption, "">[];
-export declare const helloWorld: {
-    readonly cpp: "#include <iostream>\nint main() {\n  std::cout << \"Hello world!\";\n  return 0;\n}";
-    readonly csharp: "namespace HelloWorld {\n  class Hello {\n    static void Main(string[] args) {\n      System.Console.WriteLine(\"Hello world!\");\n    }\n  }\n}";
-    readonly golang: "package main\nimport \"fmt\"\nfunc main() {\n  fmt.Println(\"Hello world!\")\n}";
-    readonly javascript: "console.log('Hello world!');";
-    readonly php: "<?php\n  echo \"Hello world!\";\n?>";
-    readonly python: "print('Hello world!')";
-    readonly ruby: "puts \"Hello world!\"";
-    readonly scheme: "(begin\n  (display \"Hello world!\")\n  (newline))";
-};

package/dist/consts.js

@@ -1,32 +0,0 @@
-// key = language param to send to snippets service
-// val = label in language selection drop down
-export const LanguageOptions = {
-  '': 'Select a language',
-  cpp: 'C++',
-  csharp: 'C#',
-  golang: 'Go',
-  javascript: 'JavaScript',
-  php: 'PHP',
-  python: 'Python 3',
-  ruby: 'Ruby',
-  scheme: 'Scheme'
-};
-export const validLanguages = Object.keys(LanguageOptions).filter(option => !!option);
-const cpp = "#include <iostream>\nint main() {\n  std::cout << \"Hello world!\";\n  return 0;\n}";
-const csharp = "namespace HelloWorld {\n  class Hello {\n    static void Main(string[] args) {\n      System.Console.WriteLine(\"Hello world!\");\n    }\n  }\n}";
-const golang = "package main\nimport \"fmt\"\nfunc main() {\n  fmt.Println(\"Hello world!\")\n}";
-const javascript = "console.log('Hello world!');";
-const php = "<?php\n  echo \"Hello world!\";\n?>";
-const python = "print('Hello world!')";
-const ruby = 'puts "Hello world!"';
-const scheme = "(begin\n  (display \"Hello world!\")\n  (newline))";
-export const helloWorld = {
-  cpp,
-  csharp,
-  golang,
-  javascript,
-  php,
-  python,
-  ruby,
-  scheme
-};

package/dist/drawers.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export type DrawersProps = {
-    leftChild: React.ReactNode;
-    rightChild: React.ReactNode;
-};
-export declare const Drawers: React.FC<DrawersProps>;

package/dist/drawers.js

@@ -1,149 +0,0 @@
-import _styled from "@emotion/styled/base";
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import { Box, FlexBox, IconButton } from '@codecademy/gamut';
-import { ArrowChevronLeftIcon, ArrowChevronRightIcon } from '@codecademy/gamut-icons';
-import React, { useState } from 'react';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const DrawerLabel = /*#__PURE__*/_styled("span", {
-  target: "e1keub6a2",
-  label: "DrawerLabel"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1u2ibt9",
-  styles: "padding:0.875rem 0.5rem"
-} : {
-  name: "1u2ibt9",
-  styles: "padding:0.875rem 0.5rem/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9kcmF3ZXJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRK0IiLCJmaWxlIjoiLi4vc3JjL2RyYXdlcnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBGbGV4Qm94LCBJY29uQnV0dG9uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHtcbiAgQXJyb3dDaGV2cm9uTGVmdEljb24sXG4gIEFycm93Q2hldnJvblJpZ2h0SWNvbixcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5jb25zdCBEcmF3ZXJMYWJlbCA9IHN0eWxlZC5zcGFuYFxuICBwYWRkaW5nOiAwLjg3NXJlbSAwLjVyZW07XG5gO1xuXG5jb25zdCBMZWZ0RHJhd2VySWNvbiA9IHN0eWxlZChBcnJvd0NoZXZyb25MZWZ0SWNvbik8eyBvcGVuPzogYm9vbGVhbiB9PmBcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XG5gO1xuY29uc3QgUmlnaHREcmF3ZXJJY29uID0gTGVmdERyYXdlckljb24ud2l0aENvbXBvbmVudChBcnJvd0NoZXZyb25SaWdodEljb24pO1xuXG5jb25zdCBEcmF3ZXIgPSBzdHlsZWQoRmxleEJveCk8eyBvcGVuPzogYm9vbGVhbjsgaGlkZU9uQ2xvc2U/OiBib29sZWFuIH0+YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICR7KHsgb3BlbiwgaGlkZU9uQ2xvc2UgfSkgPT4gYFxuICAgIGZsZXgtYmFzaXM6ICR7b3BlbiA/ICcxMDAlJyA6ICcwJSd9O1xuICAgIHZpc2liaWxpdHk6ICR7IW9wZW4gJiYgaGlkZU9uQ2xvc2UgPyAnaGlkZGVuJyA6ICd2aXNpYmxlJ307XG4gICAgdHJhbnNpdGlvbjogZmxleC1iYXNpcyAwLjJzICR7XG4gICAgICBvcGVuID8gJ2Vhc2Utb3V0JyA6ICdlYXNlLWluLCB2aXNpYmlsaXR5IDBzIDAuMnMnXG4gICAgfTtcblxuICAgICR7TGVmdERyYXdlckljb259LCAke1JpZ2h0RHJhd2VySWNvbn0ge1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGVaKCR7b3BlbiA/ICcwJyA6ICcxODAnfWRlZyl9O1xuICAgIH1cbiAgYH1cbmA7XG5cbmV4cG9ydCB0eXBlIERyYXdlcnNQcm9wcyA9IHtcbiAgbGVmdENoaWxkOiBSZWFjdC5SZWFjdE5vZGU7XG4gIHJpZ2h0Q2hpbGQ6IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmV4cG9ydCBjb25zdCBEcmF3ZXJzOiBSZWFjdC5GQzxEcmF3ZXJzUHJvcHM+ID0gKHsgbGVmdENoaWxkLCByaWdodENoaWxkIH0pID0+IHtcbiAgY29uc3QgW29wZW4sIHNldE9wZW5dID0gdXNlU3RhdGU8J2xlZnQnIHwgJ3JpZ2h0JyB8ICdib3RoJz4oJ2JvdGgnKTtcblxuICBsZXQgYXJpYUxhYmVsQ29kZUJ1dHRvbiA9ICdIaWRlIGNvZGUnO1xuICBsZXQgYXJpYUxhYmVsT3V0cHV0QnV0dG9uID0gJ0hpZGUgb3V0cHV0JztcbiAgbGV0IGlzTGVmdE9wZW4gPSBmYWxzZTtcbiAgbGV0IGlzUmlnaHRPcGVuID0gZmFsc2U7XG5cbiAgaWYgKG9wZW4gPT09ICdsZWZ0Jykge1xuICAgIGFyaWFMYWJlbENvZGVCdXR0b24gPSBhcmlhTGFiZWxPdXRwdXRCdXR0b24gPSAnU2hvdyBvdXRwdXQnO1xuICAgIGlzTGVmdE9wZW4gPSB0cnVlO1xuICB9IGVsc2UgaWYgKG9wZW4gPT09ICdyaWdodCcpIHtcbiAgICBhcmlhTGFiZWxDb2RlQnV0dG9uID0gYXJpYUxhYmVsT3V0cHV0QnV0dG9uID0gJ1Nob3cgY29kZSc7XG4gICAgaXNSaWdodE9wZW4gPSB0cnVlO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEZsZXhCb3g+XG4gICAgICAgIDxEcmF3ZXJcbiAgICAgICAgICBvcGVuPXshaXNSaWdodE9wZW59XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgZmxleFdyYXA9XCJub3dyYXBcIlxuICAgICAgICAgIHRleHRBbGlnbj1cImxlZnRcIlxuICAgICAgICAgIGJvcmRlclJpZ2h0PXsxfVxuICAgICAgICAgIGJvcmRlckNvbG9yPVwiZ3JheS05MDBcIlxuICAgICAgICAgIHB4PXs4fVxuICAgICAgICA+XG4gICAgICAgICAgPEJveCBtbD17OH0+XG4gICAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgICBpY29uPXtMZWZ0RHJhd2VySWNvbn1cbiAgICAgICAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+XG4gICAgICAgICAgICAgICAgc2V0T3Blbigoc3RhdGUpID0+IChzdGF0ZSA9PT0gJ2JvdGgnID8gJ3JpZ2h0JyA6ICdib3RoJykpXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgYXJpYS1jb250cm9scz1cImNvZGUtZHJhd2VyXCJcbiAgICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17IWlzUmlnaHRPcGVufVxuICAgICAgICAgICAgICB0aXA9e2FyaWFMYWJlbENvZGVCdXR0b259XG4gICAgICAgICAgICAgIHRpcFByb3BzPXt7IGFsaWdubWVudDogJ2JvdHRvbS1jZW50ZXInLCBuYXJyb3c6IHRydWUgfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPERyYXdlckxhYmVsIGlkPVwiY29kZS1kcmF3ZXItbGFiZWxcIj5Db2RlPC9EcmF3ZXJMYWJlbD5cbiAgICAgICAgPC9EcmF3ZXI+XG4gICAgICAgIDxEcmF3ZXJcbiAgICAgICAgICBvcGVuPXshaXNMZWZ0T3Blbn1cbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBmbGV4V3JhcD1cIm5vd3JhcFwiXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJmbGV4LWVuZFwiXG4gICAgICAgICAgcHg9ezh9XG4gICAgICAgID5cbiAgICAgICAgICA8RHJhd2VyTGFiZWwgaWQ9XCJvdXRwdXQtZHJhd2VyLWxhYmVsXCI+T3V0cHV0PC9EcmF3ZXJMYWJlbD5cbiAgICAgICAgICA8Qm94IG1yPXs4fT5cbiAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJUb2dnbGVcIlxuICAgICAgICAgICAgICBpY29uPXtSaWdodERyYXdlckljb259XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PlxuICAgICAgICAgICAgICAgIHNldE9wZW4oKHN0YXRlKSA9PiAoc3RhdGUgPT09ICdib3RoJyA/ICdsZWZ0JyA6ICdib3RoJykpXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgYXJpYS1jb250cm9scz1cIm91dHB1dC1kcmF3ZXJcIlxuICAgICAgICAgICAgICBhcmlhLWV4cGFuZGVkPXshaXNMZWZ0T3Blbn1cbiAgICAgICAgICAgICAgdGlwPXthcmlhTGFiZWxPdXRwdXRCdXR0b259XG4gICAgICAgICAgICAgIHRpcFByb3BzPXt7IGFsaWdubWVudDogJ2JvdHRvbS1jZW50ZXInLCBuYXJyb3c6IHRydWUgfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvRHJhd2VyPlxuICAgICAgPC9GbGV4Qm94PlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgZmxleEdyb3c9ezF9XG4gICAgICAgIGJvcmRlclk9ezF9XG4gICAgICAgIGJvcmRlckNvbG9yPVwiZ3JheS05MDBcIlxuICAgICAgICBhbGlnbkl0ZW1zPVwic3RyZXRjaFwiXG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgID5cbiAgICAgICAgPERyYXdlclxuICAgICAgICAgIGhpZGVPbkNsb3NlXG4gICAgICAgICAgaWQ9XCJjb2RlLWRyYXdlclwiXG4gICAgICAgICAgYXJpYS1sYWJlbGxlZGJ5PVwiY29kZS1kcmF3ZXItbGFiZWxcIlxuICAgICAgICAgIG9wZW49eyFpc1JpZ2h0T3Blbn1cbiAgICAgICAgICBmbGV4R3Jvdz17MH1cbiAgICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgICAgYm9yZGVyQ29sb3I9XCJncmF5LTkwMFwiXG4gICAgICAgICAgYm9yZGVyU3R5bGVSaWdodD1cInNvbGlkXCJcbiAgICAgICAgICBib3JkZXJXaWR0aFJpZ2h0PVwidGhpblwiXG4gICAgICAgID5cbiAgICAgICAgICB7bGVmdENoaWxkfVxuICAgICAgICA8L0RyYXdlcj5cbiAgICAgICAgPERyYXdlclxuICAgICAgICAgIGhpZGVPbkNsb3NlXG4gICAgICAgICAgaWQ9XCJvdXRwdXQtZHJhd2VyXCJcbiAgICAgICAgICBhcmlhLWxhYmVsbGVkYnk9XCJvdXRwdXQtZHJhd2VyLWxhYmVsXCJcbiAgICAgICAgICByb2xlPVwicmVnaW9uXCJcbiAgICAgICAgICBvcGVuPXshaXNMZWZ0T3Blbn1cbiAgICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgID5cbiAgICAgICAgICB7cmlnaHRDaGlsZH1cbiAgICAgICAgPC9EcmF3ZXI+XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC8+XG4gICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const LeftDrawerIcon = /*#__PURE__*/_styled(ArrowChevronLeftIcon, {
-  target: "e1keub6a1",
-  label: "LeftDrawerIcon"
-})(process.env.NODE_ENV === "production" ? {
-  name: "jlwh11",
-  styles: "transition:transform 0.2s ease-in-out"
-} : {
-  name: "jlwh11",
-  styles: "transition:transform 0.2s ease-in-out/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9kcmF3ZXJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZdUUiLCJmaWxlIjoiLi4vc3JjL2RyYXdlcnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBGbGV4Qm94LCBJY29uQnV0dG9uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHtcbiAgQXJyb3dDaGV2cm9uTGVmdEljb24sXG4gIEFycm93Q2hldnJvblJpZ2h0SWNvbixcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5jb25zdCBEcmF3ZXJMYWJlbCA9IHN0eWxlZC5zcGFuYFxuICBwYWRkaW5nOiAwLjg3NXJlbSAwLjVyZW07XG5gO1xuXG5jb25zdCBMZWZ0RHJhd2VySWNvbiA9IHN0eWxlZChBcnJvd0NoZXZyb25MZWZ0SWNvbik8eyBvcGVuPzogYm9vbGVhbiB9PmBcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XG5gO1xuY29uc3QgUmlnaHREcmF3ZXJJY29uID0gTGVmdERyYXdlckljb24ud2l0aENvbXBvbmVudChBcnJvd0NoZXZyb25SaWdodEljb24pO1xuXG5jb25zdCBEcmF3ZXIgPSBzdHlsZWQoRmxleEJveCk8eyBvcGVuPzogYm9vbGVhbjsgaGlkZU9uQ2xvc2U/OiBib29sZWFuIH0+YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICR7KHsgb3BlbiwgaGlkZU9uQ2xvc2UgfSkgPT4gYFxuICAgIGZsZXgtYmFzaXM6ICR7b3BlbiA/ICcxMDAlJyA6ICcwJSd9O1xuICAgIHZpc2liaWxpdHk6ICR7IW9wZW4gJiYgaGlkZU9uQ2xvc2UgPyAnaGlkZGVuJyA6ICd2aXNpYmxlJ307XG4gICAgdHJhbnNpdGlvbjogZmxleC1iYXNpcyAwLjJzICR7XG4gICAgICBvcGVuID8gJ2Vhc2Utb3V0JyA6ICdlYXNlLWluLCB2aXNpYmlsaXR5IDBzIDAuMnMnXG4gICAgfTtcblxuICAgICR7TGVmdERyYXdlckljb259LCAke1JpZ2h0RHJhd2VySWNvbn0ge1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGVaKCR7b3BlbiA/ICcwJyA6ICcxODAnfWRlZyl9O1xuICAgIH1cbiAgYH1cbmA7XG5cbmV4cG9ydCB0eXBlIERyYXdlcnNQcm9wcyA9IHtcbiAgbGVmdENoaWxkOiBSZWFjdC5SZWFjdE5vZGU7XG4gIHJpZ2h0Q2hpbGQ6IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmV4cG9ydCBjb25zdCBEcmF3ZXJzOiBSZWFjdC5GQzxEcmF3ZXJzUHJvcHM+ID0gKHsgbGVmdENoaWxkLCByaWdodENoaWxkIH0pID0+IHtcbiAgY29uc3QgW29wZW4sIHNldE9wZW5dID0gdXNlU3RhdGU8J2xlZnQnIHwgJ3JpZ2h0JyB8ICdib3RoJz4oJ2JvdGgnKTtcblxuICBsZXQgYXJpYUxhYmVsQ29kZUJ1dHRvbiA9ICdIaWRlIGNvZGUnO1xuICBsZXQgYXJpYUxhYmVsT3V0cHV0QnV0dG9uID0gJ0hpZGUgb3V0cHV0JztcbiAgbGV0IGlzTGVmdE9wZW4gPSBmYWxzZTtcbiAgbGV0IGlzUmlnaHRPcGVuID0gZmFsc2U7XG5cbiAgaWYgKG9wZW4gPT09ICdsZWZ0Jykge1xuICAgIGFyaWFMYWJlbENvZGVCdXR0b24gPSBhcmlhTGFiZWxPdXRwdXRCdXR0b24gPSAnU2hvdyBvdXRwdXQnO1xuICAgIGlzTGVmdE9wZW4gPSB0cnVlO1xuICB9IGVsc2UgaWYgKG9wZW4gPT09ICdyaWdodCcpIHtcbiAgICBhcmlhTGFiZWxDb2RlQnV0dG9uID0gYXJpYUxhYmVsT3V0cHV0QnV0dG9uID0gJ1Nob3cgY29kZSc7XG4gICAgaXNSaWdodE9wZW4gPSB0cnVlO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEZsZXhCb3g+XG4gICAgICAgIDxEcmF3ZXJcbiAgICAgICAgICBvcGVuPXshaXNSaWdodE9wZW59XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgZmxleFdyYXA9XCJub3dyYXBcIlxuICAgICAgICAgIHRleHRBbGlnbj1cImxlZnRcIlxuICAgICAgICAgIGJvcmRlclJpZ2h0PXsxfVxuICAgICAgICAgIGJvcmRlckNvbG9yPVwiZ3JheS05MDBcIlxuICAgICAgICAgIHB4PXs4fVxuICAgICAgICA+XG4gICAgICAgICAgPEJveCBtbD17OH0+XG4gICAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgICBpY29uPXtMZWZ0RHJhd2VySWNvbn1cbiAgICAgICAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+XG4gICAgICAgICAgICAgICAgc2V0T3Blbigoc3RhdGUpID0+IChzdGF0ZSA9PT0gJ2JvdGgnID8gJ3JpZ2h0JyA6ICdib3RoJykpXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgYXJpYS1jb250cm9scz1cImNvZGUtZHJhd2VyXCJcbiAgICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17IWlzUmlnaHRPcGVufVxuICAgICAgICAgICAgICB0aXA9e2FyaWFMYWJlbENvZGVCdXR0b259XG4gICAgICAgICAgICAgIHRpcFByb3BzPXt7IGFsaWdubWVudDogJ2JvdHRvbS1jZW50ZXInLCBuYXJyb3c6IHRydWUgfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPERyYXdlckxhYmVsIGlkPVwiY29kZS1kcmF3ZXItbGFiZWxcIj5Db2RlPC9EcmF3ZXJMYWJlbD5cbiAgICAgICAgPC9EcmF3ZXI+XG4gICAgICAgIDxEcmF3ZXJcbiAgICAgICAgICBvcGVuPXshaXNMZWZ0T3Blbn1cbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBmbGV4V3JhcD1cIm5vd3JhcFwiXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJmbGV4LWVuZFwiXG4gICAgICAgICAgcHg9ezh9XG4gICAgICAgID5cbiAgICAgICAgICA8RHJhd2VyTGFiZWwgaWQ9XCJvdXRwdXQtZHJhd2VyLWxhYmVsXCI+T3V0cHV0PC9EcmF3ZXJMYWJlbD5cbiAgICAgICAgICA8Qm94IG1yPXs4fT5cbiAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJUb2dnbGVcIlxuICAgICAgICAgICAgICBpY29uPXtSaWdodERyYXdlckljb259XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PlxuICAgICAgICAgICAgICAgIHNldE9wZW4oKHN0YXRlKSA9PiAoc3RhdGUgPT09ICdib3RoJyA/ICdsZWZ0JyA6ICdib3RoJykpXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgYXJpYS1jb250cm9scz1cIm91dHB1dC1kcmF3ZXJcIlxuICAgICAgICAgICAgICBhcmlhLWV4cGFuZGVkPXshaXNMZWZ0T3Blbn1cbiAgICAgICAgICAgICAgdGlwPXthcmlhTGFiZWxPdXRwdXRCdXR0b259XG4gICAgICAgICAgICAgIHRpcFByb3BzPXt7IGFsaWdubWVudDogJ2JvdHRvbS1jZW50ZXInLCBuYXJyb3c6IHRydWUgfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvRHJhd2VyPlxuICAgICAgPC9GbGV4Qm94PlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgZmxleEdyb3c9ezF9XG4gICAgICAgIGJvcmRlclk9ezF9XG4gICAgICAgIGJvcmRlckNvbG9yPVwiZ3JheS05MDBcIlxuICAgICAgICBhbGlnbkl0ZW1zPVwic3RyZXRjaFwiXG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgID5cbiAgICAgICAgPERyYXdlclxuICAgICAgICAgIGhpZGVPbkNsb3NlXG4gICAgICAgICAgaWQ9XCJjb2RlLWRyYXdlclwiXG4gICAgICAgICAgYXJpYS1sYWJlbGxlZGJ5PVwiY29kZS1kcmF3ZXItbGFiZWxcIlxuICAgICAgICAgIG9wZW49eyFpc1JpZ2h0T3Blbn1cbiAgICAgICAgICBmbGV4R3Jvdz17MH1cbiAgICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgICAgYm9yZGVyQ29sb3I9XCJncmF5LTkwMFwiXG4gICAgICAgICAgYm9yZGVyU3R5bGVSaWdodD1cInNvbGlkXCJcbiAgICAgICAgICBib3JkZXJXaWR0aFJpZ2h0PVwidGhpblwiXG4gICAgICAgID5cbiAgICAgICAgICB7bGVmdENoaWxkfVxuICAgICAgICA8L0RyYXdlcj5cbiAgICAgICAgPERyYXdlclxuICAgICAgICAgIGhpZGVPbkNsb3NlXG4gICAgICAgICAgaWQ9XCJvdXRwdXQtZHJhd2VyXCJcbiAgICAgICAgICBhcmlhLWxhYmVsbGVkYnk9XCJvdXRwdXQtZHJhd2VyLWxhYmVsXCJcbiAgICAgICAgICByb2xlPVwicmVnaW9uXCJcbiAgICAgICAgICBvcGVuPXshaXNMZWZ0T3Blbn1cbiAgICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgID5cbiAgICAgICAgICB7cmlnaHRDaGlsZH1cbiAgICAgICAgPC9EcmF3ZXI+XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC8+XG4gICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const RightDrawerIcon = LeftDrawerIcon.withComponent(ArrowChevronRightIcon, {
-  target: "e1keub6a3",
-  label: "RightDrawerIcon"
-});
-const Drawer = /*#__PURE__*/_styled(FlexBox, {
-  target: "e1keub6a0",
-  label: "Drawer"
-})("position:relative;", _ref => {
-  let open = _ref.open,
-    hideOnClose = _ref.hideOnClose;
-  return "\n    flex-basis: ".concat(open ? '100%' : '0%', ";\n    visibility: ").concat(!open && hideOnClose ? 'hidden' : 'visible', ";\n    transition: flex-basis 0.2s ").concat(open ? 'ease-out' : 'ease-in, visibility 0s 0.2s', ";\n\n    ").concat(LeftDrawerIcon, ", ").concat(RightDrawerIcon, " {\n      transform: rotateZ(").concat(open ? '0' : '180', "deg)};\n    }\n  ");
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9kcmF3ZXJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQnlFIiwiZmlsZSI6Ii4uL3NyYy9kcmF3ZXJzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgRmxleEJveCwgSWNvbkJ1dHRvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7XG4gIEFycm93Q2hldnJvbkxlZnRJY29uLFxuICBBcnJvd0NoZXZyb25SaWdodEljb24sXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuY29uc3QgRHJhd2VyTGFiZWwgPSBzdHlsZWQuc3BhbmBcbiAgcGFkZGluZzogMC44NzVyZW0gMC41cmVtO1xuYDtcblxuY29uc3QgTGVmdERyYXdlckljb24gPSBzdHlsZWQoQXJyb3dDaGV2cm9uTGVmdEljb24pPHsgb3Blbj86IGJvb2xlYW4gfT5gXG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjJzIGVhc2UtaW4tb3V0O1xuYDtcbmNvbnN0IFJpZ2h0RHJhd2VySWNvbiA9IExlZnREcmF3ZXJJY29uLndpdGhDb21wb25lbnQoQXJyb3dDaGV2cm9uUmlnaHRJY29uKTtcblxuY29uc3QgRHJhd2VyID0gc3R5bGVkKEZsZXhCb3gpPHsgb3Blbj86IGJvb2xlYW47IGhpZGVPbkNsb3NlPzogYm9vbGVhbiB9PmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAkeyh7IG9wZW4sIGhpZGVPbkNsb3NlIH0pID0+IGBcbiAgICBmbGV4LWJhc2lzOiAke29wZW4gPyAnMTAwJScgOiAnMCUnfTtcbiAgICB2aXNpYmlsaXR5OiAkeyFvcGVuICYmIGhpZGVPbkNsb3NlID8gJ2hpZGRlbicgOiAndmlzaWJsZSd9O1xuICAgIHRyYW5zaXRpb246IGZsZXgtYmFzaXMgMC4ycyAke1xuICAgICAgb3BlbiA/ICdlYXNlLW91dCcgOiAnZWFzZS1pbiwgdmlzaWJpbGl0eSAwcyAwLjJzJ1xuICAgIH07XG5cbiAgICAke0xlZnREcmF3ZXJJY29ufSwgJHtSaWdodERyYXdlckljb259IHtcbiAgICAgIHRyYW5zZm9ybTogcm90YXRlWigke29wZW4gPyAnMCcgOiAnMTgwJ31kZWcpfTtcbiAgICB9XG4gIGB9XG5gO1xuXG5leHBvcnQgdHlwZSBEcmF3ZXJzUHJvcHMgPSB7XG4gIGxlZnRDaGlsZDogUmVhY3QuUmVhY3ROb2RlO1xuICByaWdodENoaWxkOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgY29uc3QgRHJhd2VyczogUmVhY3QuRkM8RHJhd2Vyc1Byb3BzPiA9ICh7IGxlZnRDaGlsZCwgcmlnaHRDaGlsZCB9KSA9PiB7XG4gIGNvbnN0IFtvcGVuLCBzZXRPcGVuXSA9IHVzZVN0YXRlPCdsZWZ0JyB8ICdyaWdodCcgfCAnYm90aCc+KCdib3RoJyk7XG5cbiAgbGV0IGFyaWFMYWJlbENvZGVCdXR0b24gPSAnSGlkZSBjb2RlJztcbiAgbGV0IGFyaWFMYWJlbE91dHB1dEJ1dHRvbiA9ICdIaWRlIG91dHB1dCc7XG4gIGxldCBpc0xlZnRPcGVuID0gZmFsc2U7XG4gIGxldCBpc1JpZ2h0T3BlbiA9IGZhbHNlO1xuXG4gIGlmIChvcGVuID09PSAnbGVmdCcpIHtcbiAgICBhcmlhTGFiZWxDb2RlQnV0dG9uID0gYXJpYUxhYmVsT3V0cHV0QnV0dG9uID0gJ1Nob3cgb3V0cHV0JztcbiAgICBpc0xlZnRPcGVuID0gdHJ1ZTtcbiAgfSBlbHNlIGlmIChvcGVuID09PSAncmlnaHQnKSB7XG4gICAgYXJpYUxhYmVsQ29kZUJ1dHRvbiA9IGFyaWFMYWJlbE91dHB1dEJ1dHRvbiA9ICdTaG93IGNvZGUnO1xuICAgIGlzUmlnaHRPcGVuID0gdHJ1ZTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxGbGV4Qm94PlxuICAgICAgICA8RHJhd2VyXG4gICAgICAgICAgb3Blbj17IWlzUmlnaHRPcGVufVxuICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgIGZsZXhXcmFwPVwibm93cmFwXCJcbiAgICAgICAgICB0ZXh0QWxpZ249XCJsZWZ0XCJcbiAgICAgICAgICBib3JkZXJSaWdodD17MX1cbiAgICAgICAgICBib3JkZXJDb2xvcj1cImdyYXktOTAwXCJcbiAgICAgICAgICBweD17OH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCb3ggbWw9ezh9PlxuICAgICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgICAgaWNvbj17TGVmdERyYXdlckljb259XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PlxuICAgICAgICAgICAgICAgIHNldE9wZW4oKHN0YXRlKSA9PiAoc3RhdGUgPT09ICdib3RoJyA/ICdyaWdodCcgOiAnYm90aCcpKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIGFyaWEtY29udHJvbHM9XCJjb2RlLWRyYXdlclwiXG4gICAgICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9eyFpc1JpZ2h0T3Blbn1cbiAgICAgICAgICAgICAgdGlwPXthcmlhTGFiZWxDb2RlQnV0dG9ufVxuICAgICAgICAgICAgICB0aXBQcm9wcz17eyBhbGlnbm1lbnQ6ICdib3R0b20tY2VudGVyJywgbmFycm93OiB0cnVlIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIDxEcmF3ZXJMYWJlbCBpZD1cImNvZGUtZHJhd2VyLWxhYmVsXCI+Q29kZTwvRHJhd2VyTGFiZWw+XG4gICAgICAgIDwvRHJhd2VyPlxuICAgICAgICA8RHJhd2VyXG4gICAgICAgICAgb3Blbj17IWlzTGVmdE9wZW59XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgZmxleFdyYXA9XCJub3dyYXBcIlxuICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIlxuICAgICAgICAgIHB4PXs4fVxuICAgICAgICA+XG4gICAgICAgICAgPERyYXdlckxhYmVsIGlkPVwib3V0cHV0LWRyYXdlci1sYWJlbFwiPk91dHB1dDwvRHJhd2VyTGFiZWw+XG4gICAgICAgICAgPEJveCBtcj17OH0+XG4gICAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwiVG9nZ2xlXCJcbiAgICAgICAgICAgICAgaWNvbj17UmlnaHREcmF3ZXJJY29ufVxuICAgICAgICAgICAgICB2YXJpYW50PVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT5cbiAgICAgICAgICAgICAgICBzZXRPcGVuKChzdGF0ZSkgPT4gKHN0YXRlID09PSAnYm90aCcgPyAnbGVmdCcgOiAnYm90aCcpKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIGFyaWEtY29udHJvbHM9XCJvdXRwdXQtZHJhd2VyXCJcbiAgICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17IWlzTGVmdE9wZW59XG4gICAgICAgICAgICAgIHRpcD17YXJpYUxhYmVsT3V0cHV0QnV0dG9ufVxuICAgICAgICAgICAgICB0aXBQcm9wcz17eyBhbGlnbm1lbnQ6ICdib3R0b20tY2VudGVyJywgbmFycm93OiB0cnVlIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L0RyYXdlcj5cbiAgICAgIDwvRmxleEJveD5cbiAgICAgIDxGbGV4Qm94XG4gICAgICAgIGZsZXhHcm93PXsxfVxuICAgICAgICBib3JkZXJZPXsxfVxuICAgICAgICBib3JkZXJDb2xvcj1cImdyYXktOTAwXCJcbiAgICAgICAgYWxpZ25JdGVtcz1cInN0cmV0Y2hcIlxuICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICA+XG4gICAgICAgIDxEcmF3ZXJcbiAgICAgICAgICBoaWRlT25DbG9zZVxuICAgICAgICAgIGlkPVwiY29kZS1kcmF3ZXJcIlxuICAgICAgICAgIGFyaWEtbGFiZWxsZWRieT1cImNvZGUtZHJhd2VyLWxhYmVsXCJcbiAgICAgICAgICBvcGVuPXshaXNSaWdodE9wZW59XG4gICAgICAgICAgZmxleEdyb3c9ezB9XG4gICAgICAgICAgb3ZlcmZsb3c9XCJoaWRkZW5cIlxuICAgICAgICAgIGJvcmRlckNvbG9yPVwiZ3JheS05MDBcIlxuICAgICAgICAgIGJvcmRlclN0eWxlUmlnaHQ9XCJzb2xpZFwiXG4gICAgICAgICAgYm9yZGVyV2lkdGhSaWdodD1cInRoaW5cIlxuICAgICAgICA+XG4gICAgICAgICAge2xlZnRDaGlsZH1cbiAgICAgICAgPC9EcmF3ZXI+XG4gICAgICAgIDxEcmF3ZXJcbiAgICAgICAgICBoaWRlT25DbG9zZVxuICAgICAgICAgIGlkPVwib3V0cHV0LWRyYXdlclwiXG4gICAgICAgICAgYXJpYS1sYWJlbGxlZGJ5PVwib3V0cHV0LWRyYXdlci1sYWJlbFwiXG4gICAgICAgICAgcm9sZT1cInJlZ2lvblwiXG4gICAgICAgICAgb3Blbj17IWlzTGVmdE9wZW59XG4gICAgICAgICAgb3ZlcmZsb3c9XCJoaWRkZW5cIlxuICAgICAgICA+XG4gICAgICAgICAge3JpZ2h0Q2hpbGR9XG4gICAgICAgIDwvRHJhd2VyPlxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvPlxuICApO1xufTtcbiJdfQ== */"));
-export const Drawers = _ref2 => {
-  let leftChild = _ref2.leftChild,
-    rightChild = _ref2.rightChild;
-  const _useState = useState('both'),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  let ariaLabelCodeButton = 'Hide code';
-  let ariaLabelOutputButton = 'Hide output';
-  let isLeftOpen = false;
-  let isRightOpen = false;
-  if (open === 'left') {
-    ariaLabelCodeButton = ariaLabelOutputButton = 'Show output';
-    isLeftOpen = true;
-  } else if (open === 'right') {
-    ariaLabelCodeButton = ariaLabelOutputButton = 'Show code';
-    isRightOpen = true;
-  }
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs(FlexBox, {
-      children: [/*#__PURE__*/_jsxs(Drawer, {
-        open: !isRightOpen,
-        alignItems: "center",
-        flexWrap: "nowrap",
-        textAlign: "left",
-        borderRight: 1,
-        borderColor: "gray-900",
-        px: 8,
-        children: [/*#__PURE__*/_jsx(Box, {
-          ml: 8,
-          children: /*#__PURE__*/_jsx(IconButton, {
-            icon: LeftDrawerIcon,
-            variant: "secondary",
-            size: "small",
-            onClick: () => setOpen(state => state === 'both' ? 'right' : 'both'),
-            "aria-controls": "code-drawer",
-            "aria-expanded": !isRightOpen,
-            tip: ariaLabelCodeButton,
-            tipProps: {
-              alignment: 'bottom-center',
-              narrow: true
-            }
-          })
-        }), /*#__PURE__*/_jsx(DrawerLabel, {
-          id: "code-drawer-label",
-          children: "Code"
-        })]
-      }), /*#__PURE__*/_jsxs(Drawer, {
-        open: !isLeftOpen,
-        alignItems: "center",
-        flexWrap: "nowrap",
-        justifyContent: "flex-end",
-        px: 8,
-        children: [/*#__PURE__*/_jsx(DrawerLabel, {
-          id: "output-drawer-label",
-          children: "Output"
-        }), /*#__PURE__*/_jsx(Box, {
-          mr: 8,
-          children: /*#__PURE__*/_jsx(IconButton, {
-            "aria-label": "Toggle",
-            icon: RightDrawerIcon,
-            variant: "secondary",
-            size: "small",
-            onClick: () => setOpen(state => state === 'both' ? 'left' : 'both'),
-            "aria-controls": "output-drawer",
-            "aria-expanded": !isLeftOpen,
-            tip: ariaLabelOutputButton,
-            tipProps: {
-              alignment: 'bottom-center',
-              narrow: true
-            }
-          })
-        })]
-      })]
-    }), /*#__PURE__*/_jsxs(FlexBox, {
-      flexGrow: 1,
-      borderY: 1,
-      borderColor: "gray-900",
-      alignItems: "stretch",
-      overflow: "hidden",
-      children: [/*#__PURE__*/_jsx(Drawer, {
-        hideOnClose: true,
-        id: "code-drawer",
-        "aria-labelledby": "code-drawer-label",
-        open: !isRightOpen,
-        flexGrow: 0,
-        overflow: "hidden",
-        borderColor: "gray-900",
-        borderStyleRight: "solid",
-        borderWidthRight: "thin",
-        children: leftChild
-      }), /*#__PURE__*/_jsx(Drawer, {
-        hideOnClose: true,
-        id: "output-drawer",
-        "aria-labelledby": "output-drawer-label",
-        role: "region",
-        open: !isLeftOpen,
-        overflow: "hidden",
-        children: rightChild
-      })]
-    })]
-  });
-};

package/dist/editor.d.ts

@@ -1,15 +0,0 @@
-import { UserClickData } from '@codecademy/tracking';
-import React from 'react';
-import type { LanguageOption } from './consts';
-import { CodebytesCopyFormatter } from './types';
-type EditorProps = {
-    hideCopyButton: boolean;
-    language: LanguageOption;
-    text: string;
-    onChange: (text: string) => void;
-    snippetsBaseUrl?: string;
-    copyFormatter?: CodebytesCopyFormatter;
-    trackingData?: Omit<UserClickData, 'target'>;
-};
-export declare const Editor: React.FC<EditorProps>;
-export {};

package/dist/editor.js

@@ -1,123 +0,0 @@
-import _styled from "@emotion/styled/base";
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import { FillButton, FlexBox, Spinner, TextButton, ToolTip } from '@codecademy/gamut';
-import { CopyIcon } from '@codecademy/gamut-icons';
-import React, { useState } from 'react';
-import { postSnippet } from './api';
-import { Drawers } from './drawers';
-import { trackClick } from './helpers';
-import { SimpleMonacoEditor } from './MonacoEditor';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const Output = /*#__PURE__*/_styled("pre", {
-  target: "e1lzxy8e0",
-  label: "Output"
-})("width:100%;height:100%;margin:0;padding:0 1rem;font-family:Monaco;font-size:0.875rem;overflow:auto;", _ref => {
-  let hasError = _ref.hasError,
-    theme = _ref.theme;
-  return "\n  color: ".concat(hasError ? theme.colors.orange : theme.colors.text, ";\n  background-color: ").concat(theme.colors['navy-900'], ";\n");
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9lZGl0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CZ0QiLCJmaWxlIjoiLi4vc3JjL2VkaXRvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBGaWxsQnV0dG9uLFxuICBGbGV4Qm94LFxuICBTcGlubmVyLFxuICBUZXh0QnV0dG9uLFxuICBUb29sVGlwLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBDb3B5SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IFVzZXJDbGlja0RhdGEgfSBmcm9tICdAY29kZWNhZGVteS90cmFja2luZyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IHBvc3RTbmlwcGV0IH0gZnJvbSAnLi9hcGknO1xuaW1wb3J0IHR5cGUgeyBMYW5ndWFnZU9wdGlvbiB9IGZyb20gJy4vY29uc3RzJztcbmltcG9ydCB7IERyYXdlcnMgfSBmcm9tICcuL2RyYXdlcnMnO1xuaW1wb3J0IHsgdHJhY2tDbGljayB9IGZyb20gJy4vaGVscGVycyc7XG5pbXBvcnQgeyBTaW1wbGVNb25hY29FZGl0b3IgfSBmcm9tICcuL01vbmFjb0VkaXRvcic7XG5pbXBvcnQgeyBDb2RlYnl0ZXNDb3B5Rm9ybWF0dGVyIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IE91dHB1dCA9IHN0eWxlZC5wcmU8eyBoYXNFcnJvcjogYm9vbGVhbiB9PmBcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwIDFyZW07XG4gIGZvbnQtZmFtaWx5OiBNb25hY287XG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XG4gIG92ZXJmbG93OiBhdXRvO1xuICAkeyh7IGhhc0Vycm9yLCB0aGVtZSB9KSA9PiBgXG4gIGNvbG9yOiAke2hhc0Vycm9yID8gdGhlbWUuY29sb3JzLm9yYW5nZSA6IHRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnNbJ25hdnktOTAwJ119O1xuYH1cbmA7XG5cbmNvbnN0IERPQ0tFUl9TSUdURVJNID0gMTQzO1xuXG50eXBlIEVkaXRvclByb3BzID0ge1xuICBoaWRlQ29weUJ1dHRvbjogYm9vbGVhbjtcbiAgbGFuZ3VhZ2U6IExhbmd1YWdlT3B0aW9uO1xuICB0ZXh0OiBzdHJpbmc7XG4gIG9uQ2hhbmdlOiAodGV4dDogc3RyaW5nKSA9PiB2b2lkO1xuICBzbmlwcGV0c0Jhc2VVcmw/OiBzdHJpbmc7XG4gIGNvcHlGb3JtYXR0ZXI/OiBDb2RlYnl0ZXNDb3B5Rm9ybWF0dGVyO1xuICB0cmFja2luZ0RhdGE/OiBPbWl0PFVzZXJDbGlja0RhdGEsICd0YXJnZXQnPjtcbn07XG5cbmV4cG9ydCBjb25zdCBFZGl0b3I6IFJlYWN0LkZDPEVkaXRvclByb3BzPiA9ICh7XG4gIGxhbmd1YWdlLFxuICB0ZXh0LFxuICBoaWRlQ29weUJ1dHRvbixcbiAgb25DaGFuZ2UsXG4gIGNvcHlGb3JtYXR0ZXIsXG4gIHNuaXBwZXRzQmFzZVVybCxcbiAgdHJhY2tpbmdEYXRhLFxufSkgPT4ge1xuICBjb25zdCBbb3V0cHV0LCBzZXRPdXRwdXRdID0gdXNlU3RhdGUoJycpO1xuICBjb25zdCBbc3RhdHVzLCBzZXRTdGF0dXNdID0gdXNlU3RhdGU8J3JlYWR5JyB8ICd3YWl0aW5nJyB8ICdlcnJvcic+KCdyZWFkeScpO1xuICBjb25zdCBbaXNDb2RlQnl0ZUNvcGllZCwgc2V0SXNDb2RlQnl0ZUNvcGllZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IG9uQ29weUNsaWNrID0gKCkgPT4ge1xuICAgIGlmICghaXNDb2RlQnl0ZUNvcGllZCkge1xuICAgICAgbmF2aWdhdG9yLmNsaXBib2FyZFxuICAgICAgICAud3JpdGVUZXh0KGNvcHlGb3JtYXR0ZXIgPyBjb3B5Rm9ybWF0dGVyKHsgdGV4dCwgbGFuZ3VhZ2UgfSkgOiB0ZXh0KVxuXG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1jb25zb2xlXG4gICAgICAgIC5jYXRjaCgoKSA9PiBjb25zb2xlLmVycm9yKCdGYWlsZWQgdG8gY29weScpKTtcbiAgICAgIHNldElzQ29kZUJ5dGVDb3BpZWQodHJ1ZSk7XG4gICAgICB0cmFja0NsaWNrKCdjb3B5JywgdHJhY2tpbmdEYXRhKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3Qgc2V0RXJyb3JTdGF0dXNBbmRPdXRwdXQgPSAobWVzc2FnZTogc3RyaW5nKSA9PiB7XG4gICAgc2V0T3V0cHV0KG1lc3NhZ2UpO1xuICAgIHNldFN0YXR1cygnZXJyb3InKTtcbiAgfTtcblxuICBjb25zdCBoYW5kbGVTdWJtaXQgPSBhc3luYyAoKSA9PiB7XG4gICAgaWYgKHRleHQudHJpbSgpLmxlbmd0aCA9PT0gMCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCBkYXRhID0ge1xuICAgICAgbGFuZ3VhZ2UsXG4gICAgICBjb2RlOiB0ZXh0LFxuICAgIH07XG4gICAgc2V0U3RhdHVzKCd3YWl0aW5nJyk7XG4gICAgc2V0T3V0cHV0KCcnKTtcbiAgICB0cmFja0NsaWNrKCdydW4nLCB0cmFja2luZ0RhdGEpO1xuXG4gICAgdHJ5IHtcbiAgICAgIGNvbnN0IHJlc3BvbnNlID0gYXdhaXQgcG9zdFNuaXBwZXQoZGF0YSwgc25pcHBldHNCYXNlVXJsKTtcbiAgICAgIGlmIChyZXNwb25zZS5zdGRlcnIubGVuZ3RoID4gMCkge1xuICAgICAgICBzZXRFcnJvclN0YXR1c0FuZE91dHB1dChyZXNwb25zZS5zdGRlcnIpO1xuICAgICAgfSBlbHNlIGlmIChyZXNwb25zZS5leGl0X2NvZGUgPT09IERPQ0tFUl9TSUdURVJNKSB7XG4gICAgICAgIHNldEVycm9yU3RhdHVzQW5kT3V0cHV0KFxuICAgICAgICAgICdZb3VyIGNvZGUgdG9vayB0b28gbG9uZyB0byByZXR1cm4gYSByZXN1bHQuIERvdWJsZSBjaGVjayB5b3VyIGNvZGUgZm9yIGFueSBpc3N1ZXMgYW5kIHRyeSBhZ2FpbiEnXG4gICAgICAgICk7XG4gICAgICB9IGVsc2UgaWYgKHJlc3BvbnNlLmV4aXRfY29kZSAhPT0gMCkge1xuICAgICAgICBzZXRFcnJvclN0YXR1c0FuZE91dHB1dCgnQW4gdW5rbm93biBlcnJvciBvY2N1cmVkLicpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc2V0T3V0cHV0KHJlc3BvbnNlLnN0ZG91dCk7XG4gICAgICAgIHNldFN0YXR1cygncmVhZHknKTtcbiAgICAgIH1cbiAgICB9IGNhdGNoIChlcnJvcikge1xuICAgICAgc2V0RXJyb3JTdGF0dXNBbmRPdXRwdXQoJ0Vycm9yOiAnICsgZXJyb3IpO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8RHJhd2Vyc1xuICAgICAgICBsZWZ0Q2hpbGQ9e1xuICAgICAgICAgIDxTaW1wbGVNb25hY29FZGl0b3JcbiAgICAgICAgICAgIHZhbHVlPXt0ZXh0fVxuICAgICAgICAgICAgbGFuZ3VhZ2U9e2xhbmd1YWdlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgIC8+XG4gICAgICAgIH1cbiAgICAgICAgcmlnaHRDaGlsZD17XG4gICAgICAgICAgPE91dHB1dCBoYXNFcnJvcj17c3RhdHVzID09PSAnZXJyb3InfSBhcmlhLWxpdmU9XCJwb2xpdGVcIj5cbiAgICAgICAgICAgIHtvdXRwdXR9XG4gICAgICAgICAgPC9PdXRwdXQ+XG4gICAgICAgIH1cbiAgICAgIC8+XG4gICAgICA8RmxleEJveFxuICAgICAgICBqdXN0aWZ5Q29udGVudD17aGlkZUNvcHlCdXR0b24gPyAnZmxleC1lbmQnIDogJ3NwYWNlLWJldHdlZW4nfVxuICAgICAgICBwbD17OH1cbiAgICAgID5cbiAgICAgICAgeyFoaWRlQ29weUJ1dHRvbiA/IChcbiAgICAgICAgICA8VG9vbFRpcFxuICAgICAgICAgICAgaWQ9XCJjb2RlYnl0ZS1jb3BpZWRcIlxuICAgICAgICAgICAgYWxpZ25tZW50PVwidG9wLWNlbnRlclwiXG4gICAgICAgICAgICBpbmZvPXtpc0NvZGVCeXRlQ29waWVkID8gJ0NvcGllZCEnIDogJ0NvcHkgdG8geW91ciBjbGlwYm9hcmQnfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxUZXh0QnV0dG9uXG4gICAgICAgICAgICAgIGFyaWEtZGVzY3JpYmVkYnk9XCJjb2RlYnl0ZS1jb3BpZWRcIlxuICAgICAgICAgICAgICB2YXJpYW50PVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgb25DbGljaz17b25Db3B5Q2xpY2t9XG4gICAgICAgICAgICAgIG9uQmx1cj17KCkgPT4gc2V0SXNDb2RlQnl0ZUNvcGllZChmYWxzZSl9XG4gICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiY29weS1jb2RlYnl0ZS1idG5cIlxuICAgICAgICAgICAgICBpY29uPXtDb3B5SWNvbn1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgQ29weSBDb2RlYnl0ZVxuICAgICAgICAgICAgPC9UZXh0QnV0dG9uPlxuICAgICAgICAgIDwvVG9vbFRpcD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDxGaWxsQnV0dG9uIG9uQ2xpY2s9e2hhbmRsZVN1Ym1pdH0+XG4gICAgICAgICAge3N0YXR1cyA9PT0gJ3dhaXRpbmcnID8gPFNwaW5uZXIgLz4gOiAnUnVuJ31cbiAgICAgICAgPC9GaWxsQnV0dG9uPlxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvPlxuICApO1xufTtcbiJdfQ== */"));
-const DOCKER_SIGTERM = 143;
-export const Editor = _ref2 => {
-  let language = _ref2.language,
-    text = _ref2.text,
-    hideCopyButton = _ref2.hideCopyButton,
-    onChange = _ref2.onChange,
-    copyFormatter = _ref2.copyFormatter,
-    snippetsBaseUrl = _ref2.snippetsBaseUrl,
-    trackingData = _ref2.trackingData;
-  const _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    output = _useState2[0],
-    setOutput = _useState2[1];
-  const _useState3 = useState('ready'),
-    _useState4 = _slicedToArray(_useState3, 2),
-    status = _useState4[0],
-    setStatus = _useState4[1];
-  const _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isCodeByteCopied = _useState6[0],
-    setIsCodeByteCopied = _useState6[1];
-  const onCopyClick = () => {
-    if (!isCodeByteCopied) {
-      navigator.clipboard.writeText(copyFormatter ? copyFormatter({
-        text,
-        language
-      }) : text)
-
-      // eslint-disable-next-line no-console
-      .catch(() => console.error('Failed to copy'));
-      setIsCodeByteCopied(true);
-      trackClick('copy', trackingData);
-    }
-  };
-  const setErrorStatusAndOutput = message => {
-    setOutput(message);
-    setStatus('error');
-  };
-  const handleSubmit = async () => {
-    if (text.trim().length === 0) {
-      return;
-    }
-    const data = {
-      language,
-      code: text
-    };
-    setStatus('waiting');
-    setOutput('');
-    trackClick('run', trackingData);
-    try {
-      const response = await postSnippet(data, snippetsBaseUrl);
-      if (response.stderr.length > 0) {
-        setErrorStatusAndOutput(response.stderr);
-      } else if (response.exit_code === DOCKER_SIGTERM) {
-        setErrorStatusAndOutput('Your code took too long to return a result. Double check your code for any issues and try again!');
-      } else if (response.exit_code !== 0) {
-        setErrorStatusAndOutput('An unknown error occured.');
-      } else {
-        setOutput(response.stdout);
-        setStatus('ready');
-      }
-    } catch (error) {
-      setErrorStatusAndOutput('Error: ' + error);
-    }
-  };
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Drawers, {
-      leftChild: /*#__PURE__*/_jsx(SimpleMonacoEditor, {
-        value: text,
-        language: language,
-        onChange: onChange
-      }),
-      rightChild: /*#__PURE__*/_jsx(Output, {
-        hasError: status === 'error',
-        "aria-live": "polite",
-        children: output
-      })
-    }), /*#__PURE__*/_jsxs(FlexBox, {
-      justifyContent: hideCopyButton ? 'flex-end' : 'space-between',
-      pl: 8,
-      children: [!hideCopyButton ? /*#__PURE__*/_jsx(ToolTip, {
-        id: "codebyte-copied",
-        alignment: "top-center",
-        info: isCodeByteCopied ? 'Copied!' : 'Copy to your clipboard',
-        children: /*#__PURE__*/_jsx(TextButton, {
-          "aria-describedby": "codebyte-copied",
-          variant: "secondary",
-          onClick: onCopyClick,
-          onBlur: () => setIsCodeByteCopied(false),
-          "data-testid": "copy-codebyte-btn",
-          icon: CopyIcon,
-          children: "Copy Codebyte"
-        })
-      }) : null, /*#__PURE__*/_jsx(FillButton, {
-        onClick: handleSubmit,
-        children: status === 'waiting' ? /*#__PURE__*/_jsx(Spinner, {}) : 'Run'
-      })]
-    })]
-  });
-};

package/dist/helpers/index.d.ts

@@ -1,2 +0,0 @@
-import { UserClickData } from '@codecademy/tracking';
-export declare const trackClick: (target: string, trackingData?: Omit<UserClickData, "target">) => void;

package/dist/helpers/index.js

@@ -1,9 +0,0 @@
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { trackUserClick } from '../libs/eventTracking';
-export const trackClick = (target, trackingData) => trackUserClick(_objectSpread(_objectSpread({}, trackingData), {}, {
-  target
-}));

package/dist/helpers/useEverInView.d.ts

@@ -1,4 +0,0 @@
-export declare const useEverInView: (rootMargin?: string, threshold?: number) => {
-    everInView: boolean;
-    ref: import("react").MutableRefObject<null>;
-};

package/dist/helpers/useEverInView.js

@@ -1,43 +0,0 @@
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-/**
- * this code is duplicated from /libs/hooks/sensors
- * importing library code into a library is challenging at the moment
- * until we have an easy way to do that, this is the solution!
- */
-import { useEffect, useRef, useState } from 'react';
-import { useIntersection } from './useIntersection';
-
-// Set either rootMargin or threshold for your use case. The threshold
-// will determine the amount of the element that needs to come into the viewport
-// before the useEverInView hook is triggered. The rootMargin will determine the
-// size of the root element's bounding box.
-// https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#intersection_observer_options
-export const useEverInView = function () {
-  let rootMargin = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '0px';
-  let threshold = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.2;
-  const ref = useRef(null);
-  const _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    everInView = _useState2[0],
-    setEverInView = _useState2[1];
-  const intersection = useIntersection(ref, {
-    root: null,
-    rootMargin,
-    threshold
-  });
-  const inView = intersection === null || intersection === void 0 ? void 0 : intersection.isIntersecting;
-  useEffect(() => {
-    if (inView) {
-      setEverInView(true);
-    }
-  }, [inView]);
-  return {
-    everInView: Boolean(everInView || inView),
-    ref
-  };
-};

package/dist/helpers/useEverInView.test.js

@@ -1,39 +0,0 @@
-import { renderHook } from '@testing-library/react';
-import { useEverInView } from './useEverInView';
-const mockUseIntersection = jest.fn();
-jest.mock('./useIntersection', () => ({
-  get useIntersection() {
-    return mockUseIntersection;
-  }
-}));
-const ref = {
-  current: null
-};
-describe('useEverInView', () => {
-  it('returns true after inView becomes false after true', async () => {
-    mockUseIntersection.mockReturnValueOnce(null);
-    const _renderHook = renderHook(() => useEverInView()),
-      result = _renderHook.result,
-      rerender = _renderHook.rerender;
-    expect(result.current).toEqual({
-      everInView: false,
-      ref
-    });
-    mockUseIntersection.mockReturnValueOnce({
-      isIntersecting: true
-    });
-    rerender();
-    expect(result.current).toEqual({
-      everInView: true,
-      ref
-    });
-    mockUseIntersection.mockReturnValueOnce({
-      isIntersecting: false
-    });
-    rerender();
-    expect(result.current).toEqual({
-      everInView: true,
-      ref
-    });
-  });
-});

package/dist/helpers/useIntersection.d.ts

@@ -1,2 +0,0 @@
-import { RefObject } from 'react';
-export declare const useIntersection: (ref: RefObject<HTMLElement>, options: IntersectionObserverInit) => IntersectionObserverEntry | null;

package/dist/helpers/useIntersection.js

@@ -1,33 +0,0 @@
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import { useEffect, useState } from 'react';
-export const useIntersection = (ref, options) => {
-  const _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    intersectionObserverEntry = _useState2[0],
-    setIntersectionObserverEntry = _useState2[1];
-  useEffect(() => {
-    if (ref.current && typeof IntersectionObserver === 'function') {
-      const handler = entries => {
-        setIntersectionObserverEntry(entries[0]);
-      };
-      const observer = new IntersectionObserver(handler, {
-        threshold: options.threshold,
-        root: options.root,
-        rootMargin: options.rootMargin
-      });
-      observer.observe(ref.current);
-      return () => {
-        setIntersectionObserverEntry(null);
-        observer.disconnect();
-      };
-    }
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    return () => {};
-  }, [ref, options.threshold, options.root, options.rootMargin]);
-  return intersectionObserverEntry;
-};

package/dist/helpers/useIntersection.test.js

@@ -1,76 +0,0 @@
-import { act, renderHook } from '@testing-library/react';
-import { useIntersection } from './useIntersection';
-const originalIntersectionObserver = window.IntersectionObserver;
-const mockObserve = jest.fn();
-const mockDisconnect = jest.fn();
-const mockIntersectionObserver = jest.fn();
-const mockIntersectionObserverInstance = {
-  observe: mockObserve,
-  disconnect: mockDisconnect
-};
-const ref = {
-  current: document.createElement('div')
-};
-const options = {
-  root: null,
-  rootMargin: '0px',
-  threshold: 0.2
-};
-beforeEach(() => {
-  mockIntersectionObserver.mockReturnValue(mockIntersectionObserverInstance);
-  window.IntersectionObserver = mockIntersectionObserver;
-});
-afterEach(() => {
-  window.IntersectionObserver = originalIntersectionObserver;
-});
-describe('useIntersection', () => {
-  test('intersection observer is not called', async () => {
-    // We render useIntersection with ref.current = null,
-    // which should prevent our hook from calling intersectionObserver.
-    const hook = renderHook(() => useIntersection({
-      current: null
-    }, options));
-    expect(mockObserve).not.toHaveBeenCalled();
-    hook.unmount();
-    expect(mockDisconnect).not.toHaveBeenCalled();
-  });
-  test('intersection observer is called', async () => {
-    // We render useIntersection with ref.current = HTMLdivElement,
-    // which should make our hook call intersectionObserver.
-    const hook = renderHook(() => useIntersection(ref, options));
-    expect(mockObserve).toHaveBeenCalledWith(ref.current);
-    hook.unmount();
-    expect(mockDisconnect).toHaveBeenCalled();
-  });
-  it('returns the IntersectionObserverEntry from the callback', async () => {
-    const fakeIntersectionObserverEntry = {};
-    let handler = () => {
-      return null;
-    };
-
-    // We mock the insersectionObserver Implementation
-    // to grab the handler, which allows us to simulate
-    // the element getting scrolled into view.
-    mockIntersectionObserver.mockImplementationOnce(cb => {
-      handler = cb;
-      return mockIntersectionObserverInstance;
-    });
-    const _renderHook = renderHook(() => useIntersection(ref, options)),
-      result = _renderHook.result,
-      rerender = _renderHook.rerender;
-
-    // Element hasn't been scrolled into view and therefore
-    // results.current should be null.
-    expect(result.current).toBeNull();
-
-    // Simulate element being scrolled into view
-    act(() => {
-      handler([fakeIntersectionObserverEntry]);
-    });
-    expect(result.current).toEqual(fakeIntersectionObserverEntry);
-
-    // We expect the results to remain the same after a rerender
-    rerender();
-    expect(result.current).toEqual(fakeIntersectionObserverEntry);
-  });
-});

package/dist/index.d.ts

@@ -1,3 +0,0 @@
-export * from './codeByteEditor';
-export * from './consts';
-export * from './types';

package/dist/index.js

@@ -1,3 +0,0 @@
-export * from './codeByteEditor';
-export * from './consts';
-export * from './types';

package/dist/languageSelection.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { LanguageOption } from './consts';
-export type LanguageSelectionProps = {
-    onChange: (newLanguage: LanguageOption) => void;
-};
-export declare const LanguageSelection: React.FC<LanguageSelectionProps>;

package/dist/languageSelection.js

@@ -1,23 +0,0 @@
-import { Select, Text } from '@codecademy/gamut';
-import { ColorMode } from '@codecademy/gamut-styles';
-import React from 'react';
-import { LanguageOptions } from './consts';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const LanguageSelection = _ref => {
-  let onChange = _ref.onChange;
-  return /*#__PURE__*/_jsxs(ColorMode, {
-    mode: "dark",
-    flex: 1,
-    px: 16,
-    pt: 48,
-    children: [/*#__PURE__*/_jsx(Text, {
-      mb: 16,
-      children: "Which language do you want to code in?"
-    }), /*#__PURE__*/_jsx(Select, {
-      id: "language-select",
-      "aria-label": "Select a language",
-      options: LanguageOptions,
-      onChange: e => onChange(e.target.value)
-    })]
-  });
-};

package/dist/libs/eventTracking.d.ts

@@ -1 +0,0 @@
-export declare const trackUserClick: (data: import("@codecademy/tracking").UserClickData) => void, trackUserVisit: (data: import("@codecademy/tracking").UserVisitData) => void, trackUserImpression: (data: import("@codecademy/tracking").UserImpressionData) => void;

package/dist/libs/eventTracking.js

@@ -1,12 +0,0 @@
-import { createTracker } from '@codecademy/tracking';
-const IS_DEV = process.env.NODE_ENV === 'development';
-
-// TODO: confirm tracking details and implementation DISC-447
-const tracker = createTracker({
-  apiBaseUrl: typeof window === 'undefined' ? 'https://www.codecademy.com' : window.location.origin,
-  verbose: IS_DEV
-});
-const trackUserClick = tracker.click,
-  trackUserVisit = tracker.visit,
-  trackUserImpression = tracker.impression;
-export { trackUserClick, trackUserVisit, trackUserImpression };

package/dist/theme.d.ts

@@ -1,5 +0,0 @@
-import { CoreTheme } from '@codecademy/gamut-styles';
-
-declare module '@emotion/react' {
-  export interface Theme extends CoreTheme {}
-}

package/dist/types.d.ts

@@ -1,22 +0,0 @@
-import { BackgroundProps } from '@codecademy/gamut-styles';
-import { UserClickData } from '@codecademy/tracking';
-import { LanguageOption } from './consts';
-export interface CodebytesChangeHandler {
-    (text: string, language: LanguageOption): void;
-}
-export interface CodebytesCopyFormatterParams {
-    text: string;
-    language: LanguageOption;
-}
-export type CodebytesCopyFormatter = ({ text, language, }: CodebytesCopyFormatterParams) => string;
-export interface CodeByteEditorProps extends Omit<BackgroundProps, 'bg'> {
-    text?: string;
-    language?: LanguageOption;
-    hideCopyButton?: boolean;
-    copyFormatter?: CodebytesCopyFormatter;
-    snippetsBaseUrl?: string;
-    onEdit?: CodebytesChangeHandler;
-    onLanguageChange?: CodebytesChangeHandler;
-    trackingData?: Omit<UserClickData, 'target'>;
-    trackFirstEdit?: boolean;
-}

package/dist/types.js

@@ -1 +0,0 @@
-export {};