\n \n
\n \n) : null);\n\nDragLayer.propTypes = {\n currentOffset: PropTypes.shape({\n x: PropTypes.number.isRequired,\n y: PropTypes.number.isRequired\n }),\n dragging: PropTypes.bool.isRequired,\n img: PropTypes.string\n};\n\nexport default DragLayer;\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./filter.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./filter.css\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./filter.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport TWRenderRecoloredImage from '../../lib/tw-recolor/render.jsx';\nimport filterIcon from '!../../lib/tw-recolor/build!./icon--filter.svg';\nimport xIcon from '!../../lib/tw-recolor/build!./icon--x.svg';\nimport styles from './filter.css';\n\nconst FilterComponent = props => {\n const {\n className,\n onChange,\n onClear,\n placeholderText,\n filterQuery,\n inputClassName\n } = props;\n return (\n \n {title}\n
\n \n);\n\nIconButton.propTypes = {\n className: PropTypes.string,\n disabled: PropTypes.bool,\n img: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),\n onClick: PropTypes.func.isRequired,\n title: PropTypes.node.isRequired\n};\n\nexport default IconButton;\n","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ4LjIgKDQ3MzI3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5MYW5ndWFnZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICAgICAgPGcgaWQ9Ikxhbmd1YWdlIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMS4yNSI+CiAgICAgICAgICAgIDxnIGlkPSJsYW5ndWFnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4wMDAwMDAsIDIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUuNjM1Miw4LjExMjk0MTE4IEMxNS42MzUyLDEyLjI2ODIzNTMgMTIuMjY2NzI5NCwxNS42MzU3NjQ3IDguMTEyMzc2NDcsMTUuNjM1NzY0NyBDMy45NTcwODIzNSwxNS42MzU3NjQ3IDAuNTg4NjExNzY1LDEyLjI2ODIzNTMgMC41ODg2MTE3NjUsOC4xMTI5NDExOCBDMC41ODg2MTE3NjUsMy45NTc2NDcwNiAzLjk1NzA4MjM1LDAuNTg5MTc2NDcxIDguMTEyMzc2NDcsMC41ODkxNzY0NzEgQzEyLjI2NjcyOTQsMC41ODkxNzY0NzEgMTUuNjM1MiwzLjk1NzY0NzA2IDE1LjYzNTIsOC4xMTI5NDExOCBaIiBpZD0iU3Ryb2tlLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMS45ODA4LDguMTE2NjExNzYgQzExLjk4MDgsOS43NDk1NTI5NCAxMS43MTUzODgyLDExLjI2MDE0MTIgMTEuMjU0MjExOCwxMi40OTIxNDEyIEMxMC41NTU4NTg4LDE0LjM5MzMxNzYgOS40MDc2MjM1MywxNS42MzQ3Mjk0IDguMTEwNjgyMzUsMTUuNjM0NzI5NCBDNi44MTM3NDExOCwxNS42MzQ3Mjk0IDUuNjY5MjcwNTksMTQuMzkzMzE3NiA0Ljk2NzE1Mjk0LDEyLjQ5MjE0MTIgQzQuNTEwNjgyMzUsMTEuMjYwMTQxMiA0LjI0NDMyOTQxLDkuNzQ5NTUyOTQgNC4yNDQzMjk0MSw4LjExNjYxMTc2IEM0LjI0NDMyOTQxLDYuNDgyNzI5NDEgNC41MTA2ODIzNSw0Ljk3MzA4MjM1IDQuOTY3MTUyOTQsMy43NDEwODIzNSBDNS42NjkyNzA1OSwxLjgyOTU1Mjk0IDYuODEzNzQxMTgsMC41ODgxNDExNzYgOC4xMTA2ODIzNSwwLjU4ODE0MTE3NiBDOS40MDc2MjM1MywwLjU4ODE0MTE3NiAxMC41NTU4NTg4LDEuODI5NTUyOTQgMTEuMjU0MjExOCwzLjc0MTA4MjM1IEMxMS43MTUzODgyLDQuOTczMDgyMzUgMTEuOTgwOCw2LjQ4MjcyOTQxIDExLjk4MDgsOC4xMTY2MTE3NiBaIiBpZD0iU3Ryb2tlLTMiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjk1NTAxMTc2NSwxMC4yODExMjk0IEwxNS4yNjg0MjM1LDEwLjI4MTEyOTQiIGlkPSJTdHJva2UtNSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTAuOTU1MDExNzY1LDUuOTQ2NjM1MjkgTDE1LjI2ODQyMzUsNS45NDY2MzUyOSIgaWQ9IlN0cm9rZS03Ij48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOC4xMTIxODgyNCwwLjU5MDAyMzUyOSBMOC4xMTIxODgyNCwxNS42Mzc1NTI5IiBpZD0iU3Ryb2tlLTkiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+\"","module.exports = __webpack_public_path__ + \"static/assets/79a644579518611a7b397f85a32cfb85.svg\";","module.exports = __webpack_public_path__ + \"static/assets/d1f6af6170e0178514f35fedc62e5eab.svg\";","module.exports = __webpack_public_path__ + \"static/assets/2501d1b87cf04e00cc3a623fa8b5d95c.svg\";","module.exports = __webpack_public_path__ + \"static/assets/e91530fe8f85b7fdc983b48ab3b9885d.svg\";","module.exports = __webpack_public_path__ + \"static/assets/c14c0c1e852949eff4e6c069772b0015.svg\";","module.exports = __webpack_public_path__ + \"static/assets/32d903cafc72328bd30afce14bfa4c79.svg\";","\nvar content = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./library-item.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./library-item.css\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./library-item.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import {FormattedMessage, intlShape, defineMessages} from 'react-intl';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport Box from '../box/box.jsx';\nimport PlayButton from '../../containers/play-button.jsx';\nimport styles from './library-item.css';\nimport classNames from 'classnames';\n\nimport bluetoothIconURL from './bluetooth.svg';\nimport internetConnectionIconURL from './internet-connection.svg';\nimport favoriteInactiveIcon from './favorite-inactive.svg';\nimport favoriteActiveIcon from './favorite-active.svg';\n\nconst messages = defineMessages({\n favorite: {\n defaultMessage: 'Favorite',\n description: 'Alt text of icon in costume, sound, and extension libraries to mark an item as favorite.',\n id: 'tw.favorite'\n },\n unfavorite: {\n defaultMessage: 'Unfavorite',\n description: 'Alt text of icon in costume, sound, and extension libraries to unmark an item as favorite.',\n id: 'tw.unfavorite'\n }\n});\n\n/* eslint-disable react/prefer-stateless-function */\nclass LibraryItemComponent extends React.PureComponent {\n render () {\n const favoriteMessage = this.props.intl.formatMessage(\n this.props.favorite ? messages.unfavorite : messages.favorite\n );\n const favorite = (\n \n {this.props.disabled ? (\n
\n {this.props.insetIconURL ? (\n \n
\n ) : null}\n \n
\n ) : null}\n \n {this.props.description}\n \n\n {(this.props.docsURI || this.props.samples) && (\n
\n {this.props.docsURI && (\n \n \n
\n )}\n\n {this.props.credits && this.props.credits.length > 0 && (\n \n
\n )}\n\n {this.props.bluetoothRequired || this.props.internetConnectionRequired || this.props.collaborator ? (\n \n \n {credit}\n {index !== this.props.credits.length - 1 && (\n ', '\n )}\n \n ))}\n
\n \n
\n \n {this.props.bluetoothRequired || this.props.internetConnectionRequired ? (\n
\n ) : null}\n \n \n {this.props.bluetoothRequired ? (\n
\n \n
\n \n {this.props.collaborator ? (\n
\n ) : null}\n \n \n ) : null}\n\n {favorite}\n \n ) : (\n \n \n {this.props.collaborator}\n
\n \n
\n \n {this.props.filterable && (\n
\n )}\n \n {tagListPrefix.concat(this.props.tags).map((tagProps, id) => (\n
\n }\n \n
\n )}\n \n \n );\n }\n}\n\nLibraryComponent.propTypes = {\n data: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.oneOfType([\n /* eslint-disable react/no-unused-prop-types, lines-around-comment */\n // An item in the library\n PropTypes.shape({\n // @todo remove md5/rawURL prop from library, refactor to use storage\n md5: PropTypes.string,\n name: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.node\n ]),\n rawURL: PropTypes.string\n }),\n PropTypes.string\n /* eslint-enable react/no-unused-prop-types, lines-around-comment */\n ])),\n PropTypes.instanceOf(Promise)\n ]),\n filterable: PropTypes.bool,\n id: PropTypes.string.isRequired,\n persistableKey: PropTypes.string,\n intl: intlShape.isRequired,\n onItemMouseEnter: PropTypes.func,\n onItemMouseLeave: PropTypes.func,\n onItemSelected: PropTypes.func,\n onRequestClose: PropTypes.func,\n setStopHandler: PropTypes.func,\n showPlayButton: PropTypes.bool,\n tags: PropTypes.arrayOf(PropTypes.shape(TagButton.propTypes)),\n title: PropTypes.string.isRequired\n};\n\nLibraryComponent.defaultProps = {\n filterable: true,\n persistableKey: 'name',\n showPlayButton: false\n};\n\nexport default injectIntl(LibraryComponent);\n","module.exports = __webpack_public_path__ + \"static/assets/7efe82fffae735cd083388badd51b3fa.svg\";","\nvar content = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./loader.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./loader.css\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./loader.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import React from 'react';\nimport {FormattedMessage, injectIntl, intlShape, defineMessages} from 'react-intl';\nimport {connect} from 'react-redux';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport bindAll from 'lodash.bindall';\nimport styles from './loader.css';\nimport {getIsLoadingWithId} from '../../reducers/project-state';\nimport topBlock from './top-block.svg';\nimport middleBlock from './middle-block.svg';\nimport bottomBlock from './bottom-block.svg';\n\nconst mainMessages = {\n 'gui.loader.headline': (\n \n
\n \n );\n }\n}\n\nLoaderComponent.propTypes = {\n intl: intlShape,\n isFullScreen: PropTypes.bool,\n isRemote: PropTypes.bool,\n messageId: PropTypes.string,\n vm: PropTypes.shape({\n on: PropTypes.func,\n off: PropTypes.func,\n runtime: PropTypes.shape({\n totalAssetRequests: PropTypes.number,\n finishedAssetRequests: PropTypes.number,\n resetProgress: PropTypes.func,\n on: PropTypes.func,\n off: PropTypes.func\n })\n })\n};\nLoaderComponent.defaultProps = {\n isFullScreen: false,\n messageId: 'gui.loader.headline'\n};\n\nconst mapStateToProps = state => ({\n isRemote: getIsLoadingWithId(state.scratchGui.projectState.loadingState),\n vm: state.scratchGui.vm\n});\n\nconst mapDispatchToProps = () => ({});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(injectIntl(LoaderComponent));\n","module.exports = __webpack_public_path__ + \"static/assets/674db5c2e49df884273ac0f7d221865c.svg\";","module.exports = __webpack_public_path__ + \"static/assets/566d73a090e3d42d5bdfee3d92c79d25.svg\";","\nvar content = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./loupe.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./loupe.css\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./loupe.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import PropTypes from 'prop-types';\nimport React from 'react';\nimport bindAll from 'lodash.bindall';\n\nimport Box from '../box/box.jsx';\nimport styles from './loupe.css';\n\nconst zoomScale = 3;\n\nclass LoupeComponent extends React.Component {\n constructor (props) {\n super(props);\n bindAll(this, [\n 'setCanvas'\n ]);\n }\n componentDidUpdate () {\n this.draw();\n }\n draw () {\n const boxSize = 6 / zoomScale;\n const boxLineWidth = 1 / zoomScale;\n const colorRingWidth = 15 / zoomScale;\n\n const ctx = this.canvas.getContext('2d');\n const {color, data, width, height} = this.props.colorInfo;\n this.canvas.width = zoomScale * width;\n this.canvas.height = zoomScale * height;\n\n // In order to scale the image data, must draw to a tmp canvas first\n const tmpCanvas = document.createElement('canvas');\n tmpCanvas.width = width;\n tmpCanvas.height = height;\n const tmpCtx = tmpCanvas.getContext('2d');\n const imageData = tmpCtx.createImageData(width, height);\n imageData.data.set(data);\n tmpCtx.putImageData(imageData, 0, 0);\n\n // Scale the loupe canvas and draw the zoomed image\n ctx.save();\n ctx.scale(zoomScale, zoomScale);\n ctx.drawImage(tmpCanvas, 0, 0, width, height);\n\n // Draw an outlined square at the cursor position (cursor is hidden)\n ctx.lineWidth = boxLineWidth;\n ctx.strokeStyle = 'black';\n ctx.fillStyle = `rgba(${color.r}, ${color.g}, ${color.b}, ${color.a})`;\n ctx.beginPath();\n ctx.rect((width / 2) - (boxSize / 2), (height / 2) - (boxSize / 2), boxSize, boxSize);\n ctx.fill();\n ctx.stroke();\n\n // Draw a thick ring around the loupe showing the current color\n ctx.strokeStyle = `rgba(${color.r}, ${color.g}, ${color.b}, ${color.a})`;\n ctx.lineWidth = colorRingWidth;\n ctx.beginPath();\n ctx.moveTo(width, height / 2);\n ctx.arc(width / 2, height / 2, width / 2, 0, 2 * Math.PI);\n ctx.stroke();\n ctx.restore();\n }\n setCanvas (element) {\n this.canvas = element;\n }\n render () {\n const {\n colorInfo,\n ...boxProps\n } = this.props;\n const x = colorInfo.x - ((zoomScale * colorInfo.width) / 2);\n const y = colorInfo.y - ((zoomScale * colorInfo.height) / 2);\n return (\n \n
\n\n \n {mainMessages[this.props.messageId]}\n
\n\n \n
\n \n
\n \n);\n\nActualAuthorInfo.propTypes = {\n className: PropTypes.string,\n imageUrl: PropTypes.string,\n projectTitle: PropTypes.string,\n userId: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n username: PropTypes.oneOfType([PropTypes.string, PropTypes.bool])\n};\n\nconst AuthorInfo = ({projectId, ...props}) => (\n projectId ? (\n \n {projectTitle}\n
\n\n \n {username} \n }}\n />\n \n
\n from \n ))\n }\n \n \n );\n }\n}\n\nLanguageMenu.propTypes = {\n currentLocale: PropTypes.string,\n isRtl: PropTypes.bool,\n label: PropTypes.string,\n menuOpen: PropTypes.bool,\n onChangeLanguage: PropTypes.func,\n onRequestCloseSettings: PropTypes.func,\n onRequestOpen: PropTypes.func\n};\n\nconst mapStateToProps = state => ({\n currentLocale: state.locales.locale,\n isRtl: state.locales.isRtl,\n menuOpen: languageMenuOpen(state),\n messagesByLocale: state.locales.messagesByLocale\n});\n\nconst mapDispatchToProps = (dispatch, ownProps) => ({\n onChangeLanguage: locale => {\n dispatch(selectLocale(locale));\n ownProps.onRequestCloseSettings();\n },\n onRequestOpen: () => dispatch(openLanguageMenu())\n});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(LanguageMenu);\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport Menu from '../../containers/menu.jsx';\n\nconst MenuBarMenu = ({\n children,\n className,\n open,\n place = 'right'\n}) => (\n \n {children}\n \n );\n }\n return (\n \n {children}\n \n );\n};\n\n\nMenuBarItemTooltip.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string,\n enable: PropTypes.bool,\n id: PropTypes.string,\n place: PropTypes.oneOf(['top', 'bottom', 'left', 'right'])\n};\n\nconst MenuItemTooltip = ({id, isRtl, children, className}) => (\n \n {children}\n \n);\n\nMenuItemTooltip.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string,\n id: PropTypes.string,\n isRtl: PropTypes.bool\n};\n\nconst AboutButton = props => (\n \n {remixMessage}\n \n );\n // Show the About button only if we have a handler for it (like in the desktop app)\n const aboutButton = this.buildAboutMenu(this.props.onClickAbout);\n return (\n \n
\n\n \n \n {children}\n \n
\n);\n\nMenuBarMenu.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string,\n open: PropTypes.bool,\n place: PropTypes.oneOf(['left', 'right'])\n};\n\nexport default MenuBarMenu;\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./menu-bar.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./menu-bar.css\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./menu-bar.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import classNames from 'classnames';\nimport {connect} from 'react-redux';\nimport {compose} from 'redux';\nimport {defineMessages, FormattedMessage, injectIntl, intlShape} from 'react-intl';\nimport PropTypes from 'prop-types';\nimport bindAll from 'lodash.bindall';\nimport bowser from 'bowser';\nimport React from 'react';\n\nimport VM from 'scratch-vm';\n\nimport Box from '../box/box.jsx';\nimport Button from '../button/button.jsx';\nimport CommunityButton from './community-button.jsx';\nimport ShareButton from './share-button.jsx';\nimport {ComingSoonTooltip} from '../coming-soon/coming-soon.jsx';\nimport Divider from '../divider/divider.jsx';\nimport SaveStatus from './save-status.jsx';\nimport ProjectWatcher from '../../containers/project-watcher.jsx';\nimport MenuBarMenu from './menu-bar-menu.jsx';\nimport MenuLabel from './tw-menu-label.jsx';\nimport {MenuItem, MenuSection} from '../menu/menu.jsx';\nimport ProjectTitleInput from './project-title-input.jsx';\nimport AuthorInfo from './author-info.jsx';\nimport SB3Downloader from '../../containers/sb3-downloader.jsx';\nimport DeletionRestorer from '../../containers/deletion-restorer.jsx';\nimport TurboMode from '../../containers/turbo-mode.jsx';\nimport MenuBarHOC from '../../containers/menu-bar-hoc.jsx';\nimport SettingsMenu from './settings-menu.jsx';\n\nimport FramerateChanger from '../../containers/tw-framerate-changer.jsx';\nimport ChangeUsername from '../../containers/tw-change-username.jsx';\nimport CloudVariablesToggler from '../../containers/tw-cloud-toggler.jsx';\nimport TWSaveStatus from './tw-save-status.jsx';\n\nimport {openTipsLibrary, openSettingsModal, openRestorePointModal} from '../../reducers/modals';\nimport {setPlayer} from '../../reducers/mode';\nimport {\n isTimeTravel220022BC,\n isTimeTravel1920,\n isTimeTravel1990,\n isTimeTravel2020,\n isTimeTravelNow,\n setTimeTravel\n} from '../../reducers/time-travel';\nimport {\n autoUpdateProject,\n getIsUpdating,\n getIsShowingProject,\n manualUpdateProject,\n requestNewProject,\n remixProject,\n saveProjectAsCopy\n} from '../../reducers/project-state';\nimport {\n openAboutMenu,\n closeAboutMenu,\n aboutMenuOpen,\n openAccountMenu,\n closeAccountMenu,\n accountMenuOpen,\n openFileMenu,\n closeFileMenu,\n fileMenuOpen,\n openEditMenu,\n closeEditMenu,\n editMenuOpen,\n openLoginMenu,\n closeLoginMenu,\n loginMenuOpen,\n openModeMenu,\n closeModeMenu,\n modeMenuOpen,\n settingsMenuOpen,\n openSettingsMenu,\n closeSettingsMenu,\n errorsMenuOpen,\n openErrorsMenu,\n closeErrorsMenu\n} from '../../reducers/menus';\nimport {setFileHandle} from '../../reducers/tw.js';\n\nimport collectMetadata from '../../lib/collect-metadata';\n\nimport styles from './menu-bar.css';\n\nimport helpIcon from '../../lib/assets/icon--tutorials.svg';\nimport mystuffIcon from './icon--mystuff.png';\nimport profileIcon from './icon--profile.png';\nimport remixIcon from './icon--remix.svg';\nimport dropdownCaret from './dropdown-caret.svg';\nimport aboutIcon from './icon--about.svg';\nimport fileIcon from './icon--file.svg';\nimport editIcon from './icon--edit.svg';\nimport addonsIcon from './addons.svg';\nimport errorIcon from './tw-error.svg';\nimport advancedIcon from './tw-advanced.svg';\n\nimport ninetiesLogo from './nineties_logo.svg';\nimport catLogo from './cat_logo.svg';\nimport prehistoricLogo from './prehistoric-logo.svg';\nimport oldtimeyLogo from './oldtimey-logo.svg';\n\nimport sharedMessages from '../../lib/shared-messages';\n\nimport SeeInsideButton from './tw-see-inside.jsx';\nimport {notScratchDesktop} from '../../lib/isScratchDesktop.js';\nimport {APP_NAME} from '../../lib/brand.js';\n\nconst ariaMessages = defineMessages({\n tutorials: {\n id: 'gui.menuBar.tutorialsLibrary',\n defaultMessage: 'Tutorials',\n description: 'accessibility text for the tutorials button'\n }\n});\n\nconst twMessages = defineMessages({\n compileError: {\n id: 'tw.menuBar.compileError',\n defaultMessage: '{sprite}: {error}',\n description: 'Error message in error menu'\n }\n});\n\nconst MenuBarItemTooltip = ({\n children,\n className,\n enable,\n id,\n place = 'bottom'\n}) => {\n if (enable) {\n return (\n \n \n
\n )}\n \n {this.props.errors.length > 0 && \n \n \n {newProjectMessage}\n \n {this.props.onClickNewWindow && (\n \n \n {this.props.canSave && (\n \n )}\n {this.props.canCreateCopy && (\n \n )}\n {this.props.canRemix && (\n \n )}\n \n )}\n \n \n {this.props.intl.formatMessage(sharedMessages.loadFromComputerTitle)}\n \n {(_className, downloadProject, extended) => (\n \n {extended.available && (\n \n {extended.name !== null && (\n // eslint-disable-next-line max-len\n \n )}\n {/* eslint-disable-next-line max-len */}\n \n \n )}\n {notScratchDesktop() && (\n \n )}\n \n )} \n \n {this.props.onClickPackager && (\n \n \n \n )}\n \n \n \n \n \n )}\n \n \n {this.props.isPlayerOnly ? null : (\n {(handleRestore, {restorable, deletedItem}) => (\n \n {this.restoreOptionMessage(deletedItem)}\n \n )} \n )}\n \n {(toggleTurboMode, {turboMode}) => (\n \n )} \n {(changeFramerate, {framerate}) => (\n \n )} \n {changeUsername => (\n \n )} \n {(toggleCloudVariables, {enabled, canUseCloudVariables}) => (\n \n {canUseCloudVariables ? (\n enabled ? (\n \n \n \n \n \n \n \n {this.props.isTotallyNormal && (\n \n \n \n \n \n \n \n \n )}\n\n {this.props.onClickAddonSettings && (\n \n
\n )}\n {this.props.onClickSettingsModal && (\n \n \n \n \n \n \n \n \n \n \n {this.props.errors.map(({id, sprite, error}) => (\n \n ))}\n \n \n \n
}\n {(this.props.canChangeTheme || this.props.canChangeLanguage) && (\n \n
\n ) : ((this.props.authorUsername && this.props.authorUsername !== this.props.username) ? (\n \n \n {\n waitForUpdate => (\n {\n this.handleClickShare(waitForUpdate);\n }}\n /* eslint-enable react/jsx-no-bind */\n />\n )\n }\n \n
\n )\n ) : this.props.showComingSoon ? (\n \n \n \n
\n ) : null}\n {this.props.canRemix && (\n \n {remixButton}\n
\n )}\n \n {this.props.enableCommunity ? (\n (this.props.isShowingProject || this.props.isUpdating) && (\n \n {\n waitForUpdate => (\n {\n this.handleClickSeeCommunity(waitForUpdate);\n }}\n /* eslint-enable react/jsx-no-bind */\n />\n )\n }\n \n )\n ) : (this.props.showComingSoon ? (\n \n \n ) : (this.props.enableSeeInside ? (\n
\n {/* tw: add a feedback button */}\n \n \n {/* todo: icon */}\n \n \n
\n \n\n \n
\n\n {aboutButton}\n \n );\n }\n}\n\nMenuBar.propTypes = {\n enableSeeInside: PropTypes.bool,\n onClickSeeInside: PropTypes.func,\n aboutMenuOpen: PropTypes.bool,\n accountMenuOpen: PropTypes.bool,\n authorId: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n authorThumbnailUrl: PropTypes.string,\n authorUsername: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n autoUpdateProject: PropTypes.func,\n canChangeLanguage: PropTypes.bool,\n canChangeTheme: PropTypes.bool,\n canCreateCopy: PropTypes.bool,\n canCreateNew: PropTypes.bool,\n canEditTitle: PropTypes.bool,\n canManageFiles: PropTypes.bool,\n canRemix: PropTypes.bool,\n canSave: PropTypes.bool,\n canShare: PropTypes.bool,\n className: PropTypes.string,\n errors: PropTypes.arrayOf(PropTypes.shape({\n sprite: PropTypes.string,\n error: PropTypes.string,\n id: PropTypes.number\n })),\n errorsMenuOpen: PropTypes.bool,\n onClickErrors: PropTypes.func,\n onRequestCloseErrors: PropTypes.func,\n confirmReadyToReplaceProject: PropTypes.func,\n currentLocale: PropTypes.string.isRequired,\n editMenuOpen: PropTypes.bool,\n enableCommunity: PropTypes.bool,\n fileMenuOpen: PropTypes.bool,\n handleSaveProject: PropTypes.func,\n intl: intlShape,\n isPlayerOnly: PropTypes.bool,\n isRtl: PropTypes.bool,\n isShared: PropTypes.bool,\n isShowingProject: PropTypes.bool,\n isTotallyNormal: PropTypes.bool,\n isUpdating: PropTypes.bool,\n locale: PropTypes.string.isRequired,\n loginMenuOpen: PropTypes.bool,\n mode1920: PropTypes.bool,\n mode1990: PropTypes.bool,\n mode2020: PropTypes.bool,\n mode220022BC: PropTypes.bool,\n modeMenuOpen: PropTypes.bool,\n modeNow: PropTypes.bool,\n onClickAbout: PropTypes.oneOfType([\n PropTypes.func, // button mode: call this callback when the About button is clicked\n PropTypes.arrayOf( // menu mode: list of items in the About menu\n PropTypes.shape({\n title: PropTypes.string, // text for the menu item\n onClick: PropTypes.func // call this callback when the menu item is clicked\n })\n )\n ]),\n onClickAccount: PropTypes.func,\n onClickAddonSettings: PropTypes.func,\n onClickPackager: PropTypes.func,\n onClickRestorePoints: PropTypes.func,\n onClickEdit: PropTypes.func,\n onClickFile: PropTypes.func,\n onClickLogin: PropTypes.func,\n onClickMode: PropTypes.func,\n onClickNew: PropTypes.func,\n onClickNewWindow: PropTypes.func,\n onClickRemix: PropTypes.func,\n onClickSave: PropTypes.func,\n onClickSaveAsCopy: PropTypes.func,\n onClickSettings: PropTypes.func,\n onClickSettingsModal: PropTypes.func,\n onLogOut: PropTypes.func,\n onOpenRegistration: PropTypes.func,\n onOpenTipLibrary: PropTypes.func,\n onProjectTelemetryEvent: PropTypes.func,\n onRequestCloseAbout: PropTypes.func,\n onRequestCloseAccount: PropTypes.func,\n onRequestCloseEdit: PropTypes.func,\n onRequestCloseFile: PropTypes.func,\n onRequestCloseLogin: PropTypes.func,\n onRequestCloseMode: PropTypes.func,\n onRequestCloseSettings: PropTypes.func,\n onRequestOpenAbout: PropTypes.func,\n onSeeCommunity: PropTypes.func,\n onSetTimeTravelMode: PropTypes.func,\n onShare: PropTypes.func,\n onStartSelectingFileUpload: PropTypes.func,\n onToggleLoginOpen: PropTypes.func,\n projectId: PropTypes.string,\n projectTitle: PropTypes.string,\n renderLogin: PropTypes.func,\n sessionExists: PropTypes.bool,\n settingsMenuOpen: PropTypes.bool,\n shouldSaveBeforeTransition: PropTypes.func,\n showComingSoon: PropTypes.bool,\n username: PropTypes.string,\n userOwnsProject: PropTypes.bool,\n vm: PropTypes.instanceOf(VM).isRequired\n};\n\nMenuBar.defaultProps = {\n onShare: () => {}\n};\n\nconst mapStateToProps = (state, ownProps) => {\n const loadingState = state.scratchGui.projectState.loadingState;\n const user = state.session && state.session.session && state.session.session.user;\n return {\n authorUsername: state.scratchGui.tw.author.username,\n authorThumbnailUrl: state.scratchGui.tw.author.thumbnail,\n projectId: state.scratchGui.projectState.projectId,\n aboutMenuOpen: aboutMenuOpen(state),\n accountMenuOpen: accountMenuOpen(state),\n currentLocale: state.locales.locale,\n fileMenuOpen: fileMenuOpen(state),\n editMenuOpen: editMenuOpen(state),\n errors: state.scratchGui.tw.compileErrors,\n errorsMenuOpen: errorsMenuOpen(state),\n isPlayerOnly: state.scratchGui.mode.isPlayerOnly,\n isRtl: state.locales.isRtl,\n isUpdating: getIsUpdating(loadingState),\n isShowingProject: getIsShowingProject(loadingState),\n locale: state.locales.locale,\n loginMenuOpen: loginMenuOpen(state),\n modeMenuOpen: modeMenuOpen(state),\n projectTitle: state.scratchGui.projectTitle,\n sessionExists: state.session && typeof state.session.session !== 'undefined',\n settingsMenuOpen: settingsMenuOpen(state),\n username: user ? user.username : null,\n userOwnsProject: ownProps.authorUsername && user &&\n (ownProps.authorUsername === user.username),\n vm: state.scratchGui.vm,\n mode220022BC: isTimeTravel220022BC(state),\n mode1920: isTimeTravel1920(state),\n mode1990: isTimeTravel1990(state),\n mode2020: isTimeTravel2020(state),\n modeNow: isTimeTravelNow(state)\n };\n};\n\nconst mapDispatchToProps = dispatch => ({\n onClickSeeInside: () => dispatch(setPlayer(false)),\n autoUpdateProject: () => dispatch(autoUpdateProject()),\n onOpenTipLibrary: () => dispatch(openTipsLibrary()),\n onClickAccount: () => dispatch(openAccountMenu()),\n onRequestCloseAccount: () => dispatch(closeAccountMenu()),\n onClickFile: () => dispatch(openFileMenu()),\n onRequestCloseFile: () => dispatch(closeFileMenu()),\n onClickEdit: () => dispatch(openEditMenu()),\n onRequestCloseEdit: () => dispatch(closeEditMenu()),\n onClickErrors: () => dispatch(openErrorsMenu()),\n onRequestCloseErrors: () => dispatch(closeErrorsMenu()),\n onClickLogin: () => dispatch(openLoginMenu()),\n onRequestCloseLogin: () => dispatch(closeLoginMenu()),\n onClickMode: () => dispatch(openModeMenu()),\n onRequestCloseMode: () => dispatch(closeModeMenu()),\n onRequestOpenAbout: () => dispatch(openAboutMenu()),\n onRequestCloseAbout: () => dispatch(closeAboutMenu()),\n onClickRestorePoints: () => dispatch(openRestorePointModal()),\n onClickSettings: () => dispatch(openSettingsMenu()),\n onClickSettingsModal: () => {\n dispatch(closeEditMenu());\n dispatch(openSettingsModal());\n },\n onRequestCloseSettings: () => dispatch(closeSettingsMenu()),\n onClickNew: needSave => {\n dispatch(requestNewProject(needSave));\n dispatch(setFileHandle(null));\n },\n onClickRemix: () => dispatch(remixProject()),\n onClickSave: () => dispatch(manualUpdateProject()),\n onClickSaveAsCopy: () => dispatch(saveProjectAsCopy()),\n onSeeCommunity: () => dispatch(setPlayer(true)),\n onSetTimeTravelMode: mode => dispatch(setTimeTravel(mode))\n});\n\nexport default compose(\n injectIntl,\n MenuBarHOC,\n connect(\n mapStateToProps,\n mapDispatchToProps\n )\n)(MenuBar);\n","module.exports = __webpack_public_path__ + \"static/assets/945297ca77c041c98377f204e1af772e.svg\";","module.exports = __webpack_public_path__ + \"static/assets/306ffbcffad0d931fb1d158dd812f3fe.svg\";","module.exports = __webpack_public_path__ + \"static/assets/98bfc66ce081a3750f3b59ab67d0ac75.svg\";","\nvar content = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./project-title-input.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./project-title-input.css\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./project-title-input.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import classNames from 'classnames';\nimport {connect} from 'react-redux';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport {defineMessages, intlShape, injectIntl} from 'react-intl';\nimport {setProjectTitle} from '../../reducers/project-title';\n\nimport BufferedInputHOC from '../forms/buffered-input-hoc.jsx';\nimport Input from '../forms/input.jsx';\nconst BufferedInput = BufferedInputHOC(Input);\n\nimport styles from './project-title-input.css';\n\nconst messages = defineMessages({\n projectTitlePlaceholder: {\n id: 'gui.gui.projectTitlePlaceholder',\n description: 'Placeholder for project title when blank',\n defaultMessage: 'Project title here'\n }\n});\n\nconst ProjectTitleInput = ({\n className,\n intl,\n onSubmit,\n projectTitle\n}) => (\n \n {props.onHelp ? (\n \n \n
\n ) : null}\n \n
\n \n);\n\nDefaultMonitor.propTypes = {\n categoryColor: PropTypes.shape({\n background: PropTypes.string.isRequired,\n text: PropTypes.string.isRequired\n }).isRequired,\n label: PropTypes.string.isRequired,\n value: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number\n ])\n};\n\nexport default DefaultMonitor;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport styles from './monitor.css';\n\nconst LargeMonitor = ({categoryColor, value}) => (\n \n \n {value}\n
\n \n {label}\n
\n \n \n {value}\n
\n \n);\n\nLargeMonitor.propTypes = {\n categoryColor: PropTypes.shape({\n background: PropTypes.string.isRequired,\n text: PropTypes.string.isRequired\n }).isRequired,\n value: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number\n ])\n};\n\nexport default LargeMonitor;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport bindAll from 'lodash.bindall';\nimport {FormattedMessage} from 'react-intl';\n\nimport styles from './monitor.css';\nimport {List} from 'react-virtualized';\n\nclass ListMonitorScroller extends React.Component {\n constructor (props) {\n super(props);\n bindAll(this, [\n 'rowRenderer',\n 'noRowsRenderer',\n 'handleEventFactory'\n ]);\n }\n handleEventFactory (index) {\n return () => this.props.onActivate(index);\n }\n noRowsRenderer () {\n return (\n \n
\n );\n }\n rowRenderer ({index, key, style}) {\n return (\n {index + 1 /* one indexed */}
\n \n \n {'✖︎'}\n
\n \n\n ) : (\n {this.props.values[index]}
\n )}\n \n \n );\n }\n render () {\n const {height, values, width, activeIndex, activeValue} = this.props;\n // Keep the active index in view if defined, else must be undefined for List component\n const scrollToIndex = activeIndex === null ? undefined : activeIndex; /* eslint-disable-line no-undefined */\n return (\n \n {label}\n
\n \n
\n \n \n {'+' /* TODO waiting on asset */}\n
\n \n
\n \n
\n \n \n {value}\n
\n \n {label}\n
\n \n
\n\n \n);\n\nSliderMonitor.propTypes = {\n categoryColor: PropTypes.shape({\n background: PropTypes.string.isRequired,\n text: PropTypes.string.isRequired\n }).isRequired,\n isDiscrete: PropTypes.bool,\n label: PropTypes.string.isRequired,\n max: PropTypes.number,\n min: PropTypes.number,\n onSliderUpdate: PropTypes.func.isRequired,\n value: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number\n ])\n};\n\nSliderMonitor.defaultProps = {\n isDiscrete: true,\n min: 0,\n max: 100\n};\n\nexport default SliderMonitor;\n","module.exports = __webpack_public_path__ + \"static/assets/ed3fe9e11706e76990709ac2e567ada6.svg\";","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjUycHgiIGhlaWdodD0iNTJweCIgdmlld0JveD0iMCAwIDUyIDUyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0My4yICgzOTA2OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+c3RvcC1wbGF5YmFjazwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxyZWN0IGlkPSJwYXRoLTEiIHg9IjAiIHk9IjAiIHdpZHRoPSI0NCIgaGVpZ2h0PSI0NCIgcng9IjQiPjwvcmVjdD4KICAgICAgICA8ZmlsdGVyIHg9Ii0xMy42JSIgeT0iLTEzLjYlIiB3aWR0aD0iMTI3LjMlIiBoZWlnaHQ9IjEyNy4zJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iZmlsdGVyLTIiPgogICAgICAgICAgICA8ZmVNb3JwaG9sb2d5IHJhZGl1cz0iMiIgb3BlcmF0b3I9ImRpbGF0ZSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd1NwcmVhZE91dGVyMSI+PC9mZU1vcnBob2xvZ3k+CiAgICAgICAgICAgIDxmZU9mZnNldCBkeD0iMCIgZHk9IjAiIGluPSJzaGFkb3dTcHJlYWRPdXRlcjEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIj48L2ZlT2Zmc2V0PgogICAgICAgICAgICA8ZmVDb21wb3NpdGUgaW49InNoYWRvd09mZnNldE91dGVyMSIgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9Im91dCIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiPjwvZmVDb21wb3NpdGU+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjI5ODAzOTIxNiAgIDAgMCAwIDAgMC41OTIxNTY4NjMgICAwIDAgMCAwIDEgIDAgMCAwIDAuMSAwIiB0eXBlPSJtYXRyaXgiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiPjwvZmVDb2xvck1hdHJpeD4KICAgICAgICA8L2ZpbHRlcj4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJEZXNrdG9wLS0tMTI4MHg3MjAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MTkuMDAwMDAwLCAtMzQ1LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iU3RlcC00LS0tUGxheWluZy1UcmltIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNDIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iUGxheS0vLVJlY29yZC0vLVN0b3AiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYyMy4wMDAwMDAsIDMwNy4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0ic3RvcC1wbGF5YmFjayI+CiAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMSIgZmlsdGVyPSJ1cmwoI2ZpbHRlci0yKSIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3Qgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEiIHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iNDMiIGhlaWdodD0iNDMiIHJ4PSI0Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K\"","\nvar content = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./play-button.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./play-button.css\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./play-button.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\n\nimport {defineMessages, injectIntl, intlShape} from 'react-intl';\n\nimport styles from './play-button.css';\n\nimport playIcon from './icon--play.svg';\nimport stopIcon from './icon--stop.svg';\n\nconst messages = defineMessages({\n play: {\n id: 'gui.playButton.play',\n description: 'Title of the button to start playing the sound',\n defaultMessage: 'Play'\n },\n stop: {\n id: 'gui.playButton.stop',\n description: 'Title of the button to stop the sound',\n defaultMessage: 'Stop'\n }\n});\n\nconst PlayButtonComponent = ({\n className,\n intl,\n isPlaying,\n onClick,\n onMouseDown,\n onMouseEnter,\n onMouseLeave,\n setButtonRef,\n ...props\n}) => {\n const label = isPlaying ?\n intl.formatMessage(messages.stop) :\n intl.formatMessage(messages.play);\n\n return (\n \n {props.isStage ?\n \n \n \n }\n {props.showCloudOption ?\n \n \n : null}\n
: null}\n\n {props.cloudSelected && !props.isAddingCloudVariableScratchSafe && (\n \n {props.showListMessage ? (\n
:\n \n
\n );\n};\n\nQuestionComponent.propTypes = {\n answer: PropTypes.string,\n className: PropTypes.string,\n onChange: PropTypes.func.isRequired,\n onClick: PropTypes.func.isRequired,\n onKeyPress: PropTypes.func.isRequired,\n question: PropTypes.string\n};\n\nexport default QuestionComponent;\n","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjUycHgiIGhlaWdodD0iNTJweCIgdmlld0JveD0iMCAwIDUyIDUyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0My4yICgzOTA2OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+c3RvcC1yZWNvcmRpbmc8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8cmVjdCBpZD0icGF0aC0xIiB4PSIyMCIgeT0iMCIgd2lkdGg9IjQ0IiBoZWlnaHQ9IjQ0IiByeD0iNCI+PC9yZWN0PgogICAgICAgIDxmaWx0ZXIgeD0iLTEzLjYlIiB5PSItMTMuNiUiIHdpZHRoPSIxMjcuMyUiIGhlaWdodD0iMTI3LjMlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJmaWx0ZXItMiI+CiAgICAgICAgICAgIDxmZU1vcnBob2xvZ3kgcmFkaXVzPSIyIiBvcGVyYXRvcj0iZGlsYXRlIiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93U3ByZWFkT3V0ZXIxIj48L2ZlTW9ycGhvbG9neT4KICAgICAgICAgICAgPGZlT2Zmc2V0IGR4PSIwIiBkeT0iMCIgaW49InNoYWRvd1NwcmVhZE91dGVyMSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiPjwvZmVPZmZzZXQ+CiAgICAgICAgICAgIDxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0ib3V0IiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSI+PC9mZUNvbXBvc2l0ZT4KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDEgICAwIDAgMCAwIDAuNCAgIDAgMCAwIDAgMC4xMDE5NjA3ODQgIDAgMCAwIDAuMSAwIiB0eXBlPSJtYXRyaXgiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiPjwvZmVDb2xvck1hdHJpeD4KICAgICAgICA8L2ZpbHRlcj4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJEZXNrdG9wLS0tMTI4MHg3MjAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MTkuMDAwMDAwLCAtMzQ1LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iU3RlcC0yLS0tUmVjb3JkaW5nIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNDIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iUGxheS0vLVJlY29yZC0vLVN0b3AiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwMy4wMDAwMDAsIDMwNy4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0ic3RvcC1yZWNvcmRpbmciPgogICAgICAgICAgICAgICAgICAgICAgICA8dXNlIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjEiIGZpbHRlcj0idXJsKCNmaWx0ZXItMikiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgICAgICA8dXNlIGZpbGw9IiNGRjY2MUEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IHN0cm9rZT0iI0U2NEQwMCIgc3Ryb2tlLXdpZHRoPSIxIiB4PSIyMC41IiB5PSIwLjUiIHdpZHRoPSI0MyIgaGVpZ2h0PSI0MyIgcng9IjQiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==\"","import PropTypes from 'prop-types';\nimport React from 'react';\nimport Box from '../box/box.jsx';\nimport Waveform from '../waveform/waveform.jsx';\nimport Meter from '../meter/meter.jsx';\nimport AudioTrimmer from '../../containers/audio-trimmer.jsx';\nimport TWRenderRecoloredImage from '../../lib/tw-recolor/render.jsx';\nimport {defineMessages, injectIntl, intlShape} from 'react-intl';\n\nimport styles from './record-modal.css';\nimport backIcon from '!../../lib/tw-recolor/build!./icon--back.svg';\nimport stopIcon from '!../../lib/tw-recolor/build!./icon--stop-playback.svg';\nimport playIcon from '!../../lib/tw-recolor/build!./icon--play.svg';\n\nconst messages = defineMessages({\n stopMsg: {\n defaultMessage: 'Stop',\n description: 'Stop/Play button in recording playback',\n id: 'gui.playbackStep.stopMsg'\n },\n playMsg: {\n defaultMessage: 'Play',\n description: 'Stop/Play button in recording playback',\n id: 'gui.playbackStep.playMsg'\n },\n loadingMsg: {\n defaultMessage: 'Loading...',\n description: 'Loading/Save button in recording playback',\n id: 'gui.playbackStep.loadingMsg'\n },\n saveMsg: {\n defaultMessage: 'Save',\n description: 'Loading/Save button in recording playback',\n id: 'gui.playbackStep.saveMsg'\n },\n reRecordMsg: {\n defaultMessage: 'Re-record',\n description: 'Button to re-record sound in recording playback',\n id: 'gui.playbackStep.reRecordMsg'\n }\n});\n\nconst PlaybackStep = props => (\n \n {question ? (\n
\n {question}
\n ) : null}\n \n \n
\n \n \n {props.playing ?\n props.intl.formatMessage(messages.stopMsg) :\n props.intl.formatMessage(messages.playMsg)\n }\n \n
\n \n \n \n {\n props.recording ?\n props.intl.formatMessage(messages.stop) :\n props.intl.formatMessage(messages.record)\n }\n \n
\n \n \n
\n \n \n
\n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n {props.playhead ? (\n \n \n
\n \n
\n \n
\n {/* TODO: don't know whether this should be > or >=. Using >= for now to be safe */}\n {props.size >= SOUND_BYTE_LIMIT && (\n \n {formatDuration(props.playhead, props.trimStart, props.trimEnd, props.duration)}\n
\n \n {props.sampleRate}\n {'Hz '}\n {props.isStereo ? (\n
\n \n
\n )}\n {props.isStereo && (\n \n
\n )}\n \n);\n\nSoundEditor.propTypes = {\n isStereo: PropTypes.bool.isRequired,\n duration: PropTypes.number.isRequired,\n size: PropTypes.number.isRequired,\n sampleRate: PropTypes.number.isRequired,\n canPaste: PropTypes.bool.isRequired,\n canRedo: PropTypes.bool.isRequired,\n canUndo: PropTypes.bool.isRequired,\n chunkLevels: PropTypes.arrayOf(PropTypes.number).isRequired,\n intl: intlShape,\n name: PropTypes.string.isRequired,\n onChangeName: PropTypes.func.isRequired,\n onContainerClick: PropTypes.func.isRequired,\n onCopy: PropTypes.func.isRequired,\n onCopyToNew: PropTypes.func.isRequired,\n onDelete: PropTypes.func,\n onEcho: PropTypes.func.isRequired,\n onFadeIn: PropTypes.func.isRequired,\n onFadeOut: PropTypes.func.isRequired,\n onFaster: PropTypes.func.isRequired,\n onLouder: PropTypes.func.isRequired,\n onMute: PropTypes.func.isRequired,\n onPaste: PropTypes.func.isRequired,\n onPlay: PropTypes.func.isRequired,\n onRedo: PropTypes.func.isRequired,\n onReverse: PropTypes.func.isRequired,\n onRobot: PropTypes.func.isRequired,\n onSetTrim: PropTypes.func,\n onSlower: PropTypes.func.isRequired,\n onSofter: PropTypes.func.isRequired,\n onStop: PropTypes.func.isRequired,\n onUndo: PropTypes.func.isRequired,\n playhead: PropTypes.number,\n setRef: PropTypes.func,\n tooLoud: PropTypes.bool.isRequired,\n trimEnd: PropTypes.number,\n trimStart: PropTypes.number\n};\n\nexport default injectIntl(SoundEditor);\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./spinner.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./spinner.css\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./spinner.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport styles from './spinner.css';\n\nconst SpinnerComponent = function (props) {\n const {\n className,\n level,\n small,\n large\n } = props;\n return (\n \n {\n (stageSize === STAGE_DISPLAY_SIZES.full || stageSize === STAGE_DISPLAY_SIZES.large) ?\n
\n );\n\n const yPosition = (\n \n
:\n null\n }\n \n \n {\n (stageSize === STAGE_DISPLAY_SIZES.full || stageSize === STAGE_DISPLAY_SIZES.large) ?\n
\n );\n\n if (stageSize === STAGE_DISPLAY_SIZES.small) {\n return (\n \n
:\n null\n }\n \n \n
\n \n {spriteNameInput}\n
\n \n {xPosition}\n {yPosition}\n
\n \n
\n \n \n {spriteNameInput}\n \n
\n {xPosition}\n {yPosition}\n \n
\n \n {\n stageSize === STAGE_DISPLAY_SIZES.full || stageSize === STAGE_DISPLAY_SIZES.large ?\n
\n \n \n
\n \n
\n {props.number}
\n )}\n {props.costumeURL ? (\n \n
\n ) : null}\n \n
\n \n
\n {(props.selected && props.onDeleteButtonClick) ? (\n {props.name}
\n {props.details ? (\n {props.details}
\n ) : null}\n \n \n
\n ) : null;\n const fullscreenButton = isFullScreen ? (\n \n \n
\n ) : FullscreenAPI.available() ? (\n \n \n
\n ) : null;\n header = (\n \n
\n );\n header = (\n \n \n
\n \n \n
\n {url ? (\n \n
\n \n
\n {backdropCount}
\n \n {stage.id &&
\n \n);\n\nconst spriteShape = PropTypes.shape({\n costume: PropTypes.shape({\n // asset is defined in scratch-storage's Asset.js\n asset: PropTypes.object, // eslint-disable-line react/forbid-prop-types\n url: PropTypes.string,\n name: PropTypes.string.isRequired,\n // The following are optional because costumes uploaded from disk\n // will not have these properties available\n bitmapResolution: PropTypes.number,\n rotationCenterX: PropTypes.number,\n rotationCenterY: PropTypes.number\n }),\n costumeCount: PropTypes.number,\n direction: PropTypes.number,\n id: PropTypes.string,\n name: PropTypes.string,\n order: PropTypes.number,\n size: PropTypes.number,\n visibility: PropTypes.bool,\n x: PropTypes.number,\n y: PropTypes.number\n});\n\nTargetPane.propTypes = {\n editingTarget: PropTypes.string,\n extensionLibraryVisible: PropTypes.bool,\n fileInputRef: PropTypes.func,\n hoveredTarget: PropTypes.shape({\n hoveredSprite: PropTypes.string,\n receivedBlocks: PropTypes.bool\n }),\n onActivateBlocksTab: PropTypes.func.isRequired,\n onChangeSpriteDirection: PropTypes.func,\n onChangeSpriteName: PropTypes.func,\n onChangeSpriteRotationStyle: PropTypes.func,\n onChangeSpriteSize: PropTypes.func,\n onChangeSpriteVisibility: PropTypes.func,\n onChangeSpriteX: PropTypes.func,\n onChangeSpriteY: PropTypes.func,\n onDeleteSprite: PropTypes.func,\n onDrop: PropTypes.func,\n onDuplicateSprite: PropTypes.func,\n onExportSprite: PropTypes.func,\n onFileUploadClick: PropTypes.func,\n onNewSpriteClick: PropTypes.func,\n onPaintSpriteClick: PropTypes.func,\n onRequestCloseExtensionLibrary: PropTypes.func,\n onRequestCloseSpriteLibrary: PropTypes.func,\n onSelectSprite: PropTypes.func,\n onSpriteUpload: PropTypes.func,\n onSurpriseSpriteClick: PropTypes.func,\n raiseSprites: PropTypes.bool,\n spriteLibraryVisible: PropTypes.bool,\n sprites: PropTypes.objectOf(spriteShape),\n stage: spriteShape,\n stageSize: PropTypes.oneOf(Object.keys(STAGE_DISPLAY_SIZES)).isRequired,\n vm: PropTypes.instanceOf(VM)\n};\n\nexport default TargetPane;\n","module.exports = __webpack_public_path__ + \"static/assets/93babda8f98fc8009c28e97f1f118b6f.png\";","\nvar content = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./telemetry-modal.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./telemetry-modal.css\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./telemetry-modal.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import bindAll from 'lodash.bindall';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport {defineMessages, injectIntl, intlShape, FormattedMessage} from 'react-intl';\nimport ReactModal from 'react-modal';\n\nimport Box from '../box/box.jsx';\n\nimport styles from './telemetry-modal.css';\n\nconst messages = defineMessages({\n label: {\n id: 'gui.telemetryOptIn.label',\n defaultMessage: 'Report statistics to improve Scratch',\n description: 'Scratch 3.0 telemetry modal label - for accessibility'\n },\n bodyText1: {\n defaultMessage: 'The Scratch Team is always looking to better understand how Scratch is used around the ' +\n 'world. To help support this effort, you can allow Scratch to automatically send usage information to ' +\n 'the Scratch Team.',\n description: 'First paragraph of body text for telemetry opt-in modal',\n id: 'gui.telemetryOptIn.body1'\n },\n bodyText2: {\n defaultMessage: 'The information we collect includes language selection, blocks usage, and some events like ' +\n 'saving, loading, and uploading a project. We DO NOT collect any personal information. Please see our ' +\n '{privacyPolicyLink} for more information.',\n description: 'First paragraph of body text for telemetry opt-in modal',\n id: 'gui.telemetryOptIn.body2'\n },\n privacyPolicyLink: {\n defaultMessage: 'Privacy Policy',\n description: 'Link to the Scratch privacy policy',\n id: 'gui.telemetryOptIn.privacyPolicyLink'\n },\n optInText: {\n defaultMessage: 'Share my usage data with the Scratch Team',\n description: 'Text for telemetry modal opt-in button',\n id: 'gui.telemetryOptIn.optInText'\n },\n optInTooltip: {\n defaultMessage: 'Enable telemetry',\n description: 'Tooltip for telemetry modal opt-in button',\n id: 'gui.telemetryOptIn.optInTooltip'\n },\n optOutText: {\n defaultMessage: 'Do not share my usage data with the Scratch Team',\n description: 'Text for telemetry modal opt-in button',\n id: 'gui.telemetryOptIn.optOutText'\n },\n optOutTooltip: {\n defaultMessage: 'Disable telemetry',\n description: 'Tooltip for telemetry modal opt-out button',\n id: 'gui.telemetryOptIn.optOutTooltip'\n },\n settingWasUpdated: {\n defaultMessage: 'Your setting was updated.',\n description: 'Message indicating that the telemetry setting was updated and saved',\n id: 'gui.telemetryOptIn.settingWasUpdated'\n },\n closeButton: {\n defaultMessage: 'Close',\n description: 'Text for the button which closes the telemetry modal dialog',\n id: 'gui.telemetryOptIn.buttonClose'\n }\n});\n\n// This should be at least as long as the CSS transition\nconst SETTING_WAS_UPDATED_DURATION_MS = 3000;\n\nclass TelemetryModal extends React.PureComponent {\n constructor (props) {\n super(props);\n bindAll(this, [\n 'handleCancel',\n 'handleOptInOutChanged'\n ]);\n this.state = {\n // if the settingWasUpdated message is displayed, this will be the ID of its removal timer\n settingWasUpdatedTimer: null\n };\n }\n componentWillUnmount () {\n if (this.state.settingWasUpdatedTimer) {\n clearTimeout(this.state.settingWasUpdatedTimer);\n }\n }\n handleCancel () {\n this.props.onRequestClose();\n if (this.props.onCancel) {\n this.props.onCancel();\n }\n }\n handleOptInOutChanged (e) {\n if (e.target.value === 'true') {\n if (this.props.onOptIn) {\n this.props.onOptIn();\n this.handleSettingWasUpdated();\n }\n } else if (e.target.value === 'false') {\n if (this.props.onOptOut) {\n this.props.onOptOut();\n this.handleSettingWasUpdated();\n }\n }\n }\n handleSettingWasUpdated () {\n if (this.state.settingWasUpdatedTimer) {\n clearTimeout(this.state.settingWasUpdatedTimer);\n }\n const newTimer = setTimeout(\n () => this.handleSettingWasUpdatedTimeout(newTimer),\n SETTING_WAS_UPDATED_DURATION_MS\n );\n this.setState({\n settingWasUpdatedTimer: newTimer\n });\n }\n handleSettingWasUpdatedTimeout (thisTimer) {\n if (thisTimer !== this.state.settingWasUpdatedTimer) {\n // some other timer has taken over\n return;\n }\n this.setState({\n settingWasUpdatedTimer: null\n });\n }\n render () {\n const isUndecided = (typeof this.props.isTelemetryEnabled !== 'boolean');\n const isOff = (this.props.isTelemetryEnabled === false);\n const isOn = (this.props.isTelemetryEnabled === true);\n const settingWasUpdated = this.state.settingWasUpdatedTimer && (\n \n {spriteLibraryVisible ? (\n
\n \n \n \n \n \n \n \n {settingWasUpdated}\n \n \n \n
\n );\n }\n}\n\nTelemetryModal.propTypes = {\n intl: intlShape.isRequired,\n isRtl: PropTypes.bool,\n isTelemetryEnabled: PropTypes.bool, // false=disabled, true=enabled, undefined=undecided\n onCancel: PropTypes.func,\n onOptIn: PropTypes.func.isRequired,\n onOptOut: PropTypes.func.isRequired,\n onRequestClose: PropTypes.func,\n onShowPrivacyPolicy: PropTypes.func\n};\n\nexport default injectIntl(TelemetryModal);\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./toggle-buttons.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./toggle-buttons.css\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./toggle-buttons.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport TWRenderRecoloredImage from '../../lib/tw-recolor/render.jsx';\nimport styles from './toggle-buttons.css';\n\nconst ToggleButtons = ({buttons, className, disabled}) => (\n \n
\n);\n\nTurboMode.propTypes = {\n isSmall: PropTypes.bool\n};\n\nTurboMode.defaultProps = {\n isSmall: false\n};\n\nexport default TurboMode;\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./custom-extension-modal.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./custom-extension-modal.css\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./custom-extension-modal.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import {defineMessages, FormattedMessage, intlShape, injectIntl} from 'react-intl';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport Box from '../box/box.jsx';\nimport Modal from '../../containers/modal.jsx';\nimport FileInput from './file-input.jsx';\nimport styles from './custom-extension-modal.css';\nimport FancyCheckbox from '../tw-fancy-checkbox/checkbox.jsx';\nimport {APP_NAME} from '../../lib/brand';\n\nconst messages = defineMessages({\n title: {\n defaultMessage: 'Load Custom Extension',\n description: 'Title of custom extension menu',\n id: 'tw.customExtensionModal.title'\n }\n});\n\nconst CustomExtensionModal = props => (\n \n
\n )}\n \n \n
\n \n
\n
\n
\n
\n
\n
\n \n
\n \n \n);\n\nCustomExtensionModal.propTypes = {\n intl: intlShape,\n canLoadExtension: PropTypes.bool.isRequired,\n type: PropTypes.oneOf(['url', 'file', 'text']).isRequired,\n onSwitchToFile: PropTypes.func.isRequired,\n onSwitchToURL: PropTypes.func.isRequired,\n onSwitchToText: PropTypes.func.isRequired,\n files: PropTypes.instanceOf(FileList),\n onChangeFiles: PropTypes.func.isRequired,\n onDragOver: PropTypes.func.isRequired,\n onDragLeave: PropTypes.func.isRequired,\n onDrop: PropTypes.func.isRequired,\n url: PropTypes.string.isRequired,\n onChangeURL: PropTypes.func.isRequired,\n onKeyDown: PropTypes.func.isRequired,\n text: PropTypes.string.isRequired,\n onChangeText: PropTypes.func.isRequired,\n unsandboxed: PropTypes.bool.isRequired,\n onChangeUnsandboxed: PropTypes.func,\n onLoadExtension: PropTypes.func.isRequired,\n onClose: PropTypes.func.isRequired\n};\n\nexport default injectIntl(CustomExtensionModal);\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./file-input.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./file-input.css\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./file-input.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import React from 'react';\nimport PropTypes from 'prop-types';\nimport bindAll from 'lodash.bindall';\nimport {FormattedMessage} from 'react-intl';\nimport styles from './file-input.css';\n\nclass FileInput extends React.Component {\n constructor (props) {\n super(props);\n bindAll(this, [\n 'handleChange',\n 'handleClick'\n ]);\n this.state = {\n files: props.files\n };\n }\n\n handleChange (e) {\n if (e.target.files.length) {\n this.props.onChange(e.target.files);\n } else {\n this.props.onChange(null);\n }\n }\n\n handleClick () {\n const input = document.createElement('input');\n input.type = 'file';\n input.accept = this.props.accept;\n input.multiple = true;\n input.addEventListener('change', this.handleChange);\n document.body.appendChild(input);\n input.click();\n input.remove();\n }\n\n render () {\n return (\n \n);\n\nexport default Separator;\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./checkbox.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./checkbox.css\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./checkbox.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import React from 'react';\nimport PropTypes from 'prop-types';\nimport styles from './checkbox.css';\nimport classNames from 'classnames';\n\nconst FancyCheckbox = props => (\n
\n
\n
\n
\n
\n);\n\nFontFallback.DEFAULT = 'Sans Serif';\n\nFontFallback.propTypes = {\n fallback: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired\n};\n\nexport default FontFallback;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport bindAll from 'lodash.bindall';\nimport styles from './fonts-modal.css';\nimport FontDropdownItem from './font-dropdown-item.jsx';\n\nclass FontName extends React.Component {\n constructor (props) {\n super(props);\n bindAll(this, [\n 'setInputRef',\n 'handleChange',\n 'handleFocus',\n 'handleBlur',\n 'handleResize',\n 'handleSelectFont',\n 'handleKeyDown'\n ]);\n this.state = {\n focused: false,\n rect: null\n };\n }\n\n componentDidMount () {\n window.addEventListener('resize', this.handleResize);\n }\n\n componentWillUnmount () {\n window.removeEventListener('resize', this.handleResize);\n }\n\n setInputRef (input) {\n this.input = input;\n\n // can't use autoFocus because handleFocus relies on the ref existing already\n if (input) {\n input.focus();\n }\n }\n\n handleChange (e) {\n this.props.onChange(e.target.value);\n }\n\n handleFocus () {\n this.setState({\n focused: true,\n rect: this.input.getBoundingClientRect()\n });\n }\n\n handleBlur () {\n this.props.onChange(this.props.fontManager.getSafeName(this.props.name));\n this.setState({\n focused: false\n });\n }\n\n handleResize () {\n if (this.state.focused) {\n this.setState({\n rect: this.input.getBoundingClientRect()\n });\n }\n }\n\n handleSelectFont (font) {\n this.props.onChange(font);\n }\n\n handleKeyDown (e) {\n if (e.key === 'Enter') {\n this.handleBlur();\n e.target.blur();\n }\n }\n\n getFilteredOptions () {\n if (!this.state.focused || !this.props.options) {\n return [];\n }\n const name = this.props.name.toLowerCase();\n const candidates = this.props.options\n .filter(family => family.toLowerCase().includes(name));\n if (candidates.length === 0 && candidates[0] === this.props.name) {\n return [];\n }\n return candidates;\n }\n\n render () {\n const {\n /* eslint-disable no-unused-vars */\n name,\n onChange,\n fontManager,\n options,\n /* eslint-enable no-unused-vars */\n ...props\n } = this.props;\n\n const filteredOptions = this.getFilteredOptions();\n return (\n \n
\n\n \n {Object.values(VanillaFonts).map(family => (\n
\n \n \n {this.getFilteredOptions().map(family => (\n
,\n document.body\n )}\n \n );\n }\n}\n\nFontName.propTypes = {\n name: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n fontManager: PropTypes.shape({\n getSafeName: PropTypes.func.isRequired\n }).isRequired,\n options: PropTypes.arrayOf(PropTypes.string.isRequired)\n};\n\nexport default FontName;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport styles from './fonts-modal.css';\nimport bindAll from 'lodash.bindall';\n\n// TODO: is this something to localize?\nconst QUICK_BROWN_FOX = 'The quick brown fox jumps over the lazy dog.';\n\nclass FontPlayground extends React.Component {\n constructor (props) {\n super(props);\n bindAll(this, [\n 'handleChange'\n ]);\n this.state = {\n value: QUICK_BROWN_FOX\n };\n }\n\n handleChange (e) {\n this.setState({\n value: e.target.value\n });\n }\n\n render () {\n return (\n \n {props.screen === '' ? (\n
\n \n);\n\nFontModal.propTypes = {\n intl: intlShape,\n onClose: PropTypes.func.isRequired,\n fonts: PropTypes.arrayOf(PropTypes.shape({\n system: PropTypes.bool.isRequired,\n name: PropTypes.string.isRequired,\n family: PropTypes.string.isRequired,\n data: PropTypes.instanceOf(Uint8Array),\n format: PropTypes.string\n }).isRequired).isRequired,\n fontManager: PropTypes.shape({}),\n screen: PropTypes.oneOf([\n '',\n 'system',\n 'custom'\n ]),\n onOpenSystemFonts: PropTypes.func.isRequired,\n // onOpenLibraryFonts: PropTypes.func.isRequired,\n onOpenCustomFonts: PropTypes.func.isRequired\n};\n\nexport default injectIntl(FontModal);\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nlet fontId = 0;\n\nclass LoadFont extends React.Component {\n constructor (props) {\n super(props);\n this.id = ++fontId;\n }\n\n componentDidMount () {\n this.style = document.createElement('style');\n this.style.className = 'gui-temp-font';\n document.head.appendChild(this.style);\n this.updateStyle();\n }\n\n componentDidUpdate (prevProps) {\n if (this.props.url !== prevProps.url) {\n this.updateStyle();\n }\n }\n\n componentWillUnmount () {\n this.style.remove();\n }\n\n updateStyle () {\n this.style.textContent = `@font-face { font-family: \"${this.getFamily()}\"; src: url(\"${this.props.url}\"); }`;\n }\n\n getFamily () {\n return `GUITempFont${this.id}`;\n }\n\n render () {\n return this.props.children(this.getFamily());\n }\n}\n\nLoadFont.propTypes = {\n url: PropTypes.string.isRequired,\n children: PropTypes.func.isRequired\n};\n\nexport default LoadFont;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {injectIntl, intlShape, defineMessages, FormattedMessage} from 'react-intl';\nimport bindAll from 'lodash.bindall';\nimport {formatBytes} from '../../lib/tw-bytes-utils';\nimport downloadBlob from '../../lib/download-blob';\nimport styles from './fonts-modal.css';\nimport deleteIcon from './delete.svg';\nimport exportIcon from './export.svg';\n\nconst messages = defineMessages({\n delete: {\n // eslint-disable-next-line max-len\n defaultMessage: 'Are you sure you want to delete \"{font}\"? Any vector costumes will use the fallback font instead.',\n description: 'Part of font management modal. {font} is replaced with the name of a font like \"Arial\"',\n id: 'tw.fonts.delete'\n }\n});\n\nclass ManageFont extends React.Component {\n constructor (props) {\n super(props);\n bindAll(this, [\n 'handleExport',\n 'handleDelete'\n ]);\n }\n\n handleExport () {\n const blob = new Blob([this.props.data], {\n contentType: `font/${this.props.format}`\n });\n downloadBlob(`${this.props.name}.${this.props.format}`, blob);\n }\n\n handleDelete () {\n // eslint-disable-next-line no-alert\n const allowed = confirm(this.props.intl.formatMessage(messages.delete, {\n font: this.props.name\n }));\n if (allowed) {\n this.props.fontManager.deleteFont(this.props.index);\n }\n }\n\n render () {\n return (\n \n \n \n
\n ) : props.screen === 'system' ? (\n \n
\n \n\n \n
\n \n
\n \n
\n \n \n
\n \n `.${i}`)\n .join(', ')\n }}\n />\n
\n \n
\n )}\n \n {props.fonts.length ? (\n
\n {props.fonts.map((font, index) => (\n
\n )}\n \n
\n\n \n \n {this.props.name}\n
\n\n \n {this.props.system ? (\n
\n \n {!this.props.system && (\n \n \n
\n \n );\n }\n}\n\nManageFont.propTypes = {\n intl: intlShape,\n system: PropTypes.bool.isRequired,\n name: PropTypes.string.isRequired,\n family: PropTypes.string.isRequired,\n data: PropTypes.instanceOf(Uint8Array),\n format: PropTypes.string,\n index: PropTypes.number.isRequired,\n fontManager: PropTypes.shape({\n deleteFont: PropTypes.func.isRequired\n }).isRequired\n};\n\nexport default injectIntl(ManageFont);\n","module.exports = \"data:image/svg+xml;base64,PCEtLSBodHRwczovL2ZvbnRzLmdvb2dsZS5jb20vaWNvbnM/c2VsZWN0ZWQ9TWF0ZXJpYWwrU3ltYm9scytPdXRsaW5lZDpjb21wdXRlcjpGSUxMQDA7d2dodEA0MDA7R1JBREAwO29wc3pANDggLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIC05NjAgOTYwIDk2MCIgd2lkdGg9IjQ4Ij48cGF0aCBkPSJNNzAtMTIwcS0xMi43NSAwLTIxLjM3NS04LjY3NVE0MC0xMzcuMzUxIDQwLTE1MC4xNzUgNDAtMTYzIDQ4LjYyNS0xNzEuNVQ3MC0xODBoODIwcTEyLjc1IDAgMjEuMzc1IDguNjc1IDguNjI1IDguNjc2IDguNjI1IDIxLjUgMCAxMi44MjUtOC42MjUgMjEuMzI1VDg5MC0xMjBINzBabTcwLTEyMHEtMjQgMC00Mi0xOHQtMTgtNDJ2LTQ4MHEwLTI0IDE4LTQydDQyLTE4aDY4MHEyNCAwIDQyIDE4dDE4IDQydjQ4MHEwIDI0LTE4IDQydC00MiAxOEgxNDBabTAtNjBoNjgwdi00ODBIMTQwdjQ4MFptMCAwdi00ODAgNDgwWiIvPjwvc3ZnPg==\"","\nvar content = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./framerate-indicator.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./framerate-indicator.css\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./framerate-indicator.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {FormattedMessage} from 'react-intl';\n\nimport styles from './framerate-indicator.css';\n\nconst FramerateIndicator = ({framerate, interpolation}) => (\n \n
\n )}\n {interpolation && (\n \n
\n \n
\n )}\n \n
\n \n \n
\n);\n\nexport default Loading;\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDQuMjMzIDQuMjMzIj48cmVjdCB3aWR0aD0iLjU3IiBoZWlnaHQ9IjMuNyIgeD0iLTMuMjc4IiB5PSItMS44NSIgcnk9Ii4yODUiIHN0eWxlPSJmaWxsOiM1NzVlNzU7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOi4yMTAzODYiIHRyYW5zZm9ybT0icm90YXRlKC0xMzUpIi8+PHJlY3Qgd2lkdGg9Ii41NyIgaGVpZ2h0PSIzLjciIHg9Ii0uMjg1IiB5PSItNC44NDMiIHJ5PSIuMjg1IiBzdHlsZT0iZmlsbDojNTc1ZTc1O2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDouMjEwMzg2IiB0cmFuc2Zvcm09InJvdGF0ZSgxMzUpIi8+PC9zdmc+\"","\nvar content = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./restore-point-modal.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./restore-point-modal.css\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./restore-point-modal.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import {defineMessages, FormattedMessage, intlShape, injectIntl} from 'react-intl';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport Modal from '../../containers/modal.jsx';\nimport RestorePoint from './restore-point.jsx';\nimport styles from './restore-point-modal.css';\nimport classNames from 'classnames';\nimport {APP_NAME} from '../../lib/brand';\nimport {formatBytes} from '../../lib/tw-bytes-utils';\n\nconst messages = defineMessages({\n title: {\n defaultMessage: 'Restore Points',\n description: 'Title of restore point management modal',\n id: 'tw.restorePoints.title'\n },\n never: {\n defaultMessage: 'never',\n id: 'tw.restorePoints.never',\n description: 'Part of restore point modal. Appears as dropdown in context \"Restore points are created [never]\"'\n },\n oneMinute: {\n defaultMessage: 'every minute',\n id: 'tw.restorePoints.1minute',\n // eslint-disable-next-line max-len\n description: 'Part of restore point modal. Appears as dropdown in context \"Restore points are created [every minute]\"'\n },\n minutes: {\n defaultMessage: 'every {n} minutes',\n id: 'tw.restorePoints.minutes',\n // eslint-disable-next-line max-len\n description: 'Part of restore point modal. Appears as dropdown in context \"Restore points are created [every 5 minutes]\". {n} will be replaced with a number greater than 1.'\n }\n});\n\nconst MINUTE = 1000 * 60;\nconst INTERVAL_OPTIONS = [\n MINUTE * 1,\n MINUTE * 5,\n MINUTE * 10,\n MINUTE * 15,\n MINUTE * 30,\n -1\n];\nconst IntervalSelector = props => (\n \n \n \n )}\n
\n \n);\n\nRestorePointModal.propTypes = {\n intl: intlShape,\n interval: PropTypes.number.isRequired,\n onChangeInterval: PropTypes.func.isRequired,\n onClose: PropTypes.func.isRequired,\n onClickCreate: PropTypes.func.isRequired,\n onClickDelete: PropTypes.func.isRequired,\n onClickDeleteAll: PropTypes.func.isRequired,\n onClickLoad: PropTypes.func.isRequired,\n isLoading: PropTypes.bool.isRequired,\n totalSize: PropTypes.number.isRequired,\n restorePoints: PropTypes.arrayOf(PropTypes.shape({})),\n error: PropTypes.string\n};\n\nexport default injectIntl(RestorePointModal);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {FormattedMessage, FormattedDate, FormattedTime, FormattedRelative} from 'react-intl';\nimport bindAll from 'lodash.bindall';\nimport styles from './restore-point-modal.css';\nimport {formatBytes} from '../../lib/tw-bytes-utils';\nimport RestorePointAPI from '../../lib/tw-restore-point-api';\nimport log from '../../lib/log';\nimport deleteIcon from './delete.svg';\n\n// Browser support is not perfect yet\nconst relativeTimeSupported = () => typeof Intl !== 'undefined' && typeof Intl.RelativeTimeFormat !== 'undefined';\n\nclass RestorePoint extends React.Component {\n constructor (props) {\n super(props);\n bindAll(this, [\n 'handleClickDelete',\n 'handleClickLoad'\n ]);\n this.state = {\n thumbnail: null,\n error: false\n };\n this.unmounted = false;\n\n // should never change for the same restore point\n this.totalSize = this.getTotalSize();\n }\n\n componentDidMount () {\n RestorePointAPI.getThumbnail(this.props.id)\n .then(url => {\n if (this.unmounted) {\n URL.revokeObjectURL(url);\n } else {\n this.setState({\n thumbnail: url\n });\n }\n })\n .catch(error => {\n log.error(error);\n if (!this.unmounted) {\n this.setState({\n error: true\n });\n }\n });\n }\n\n componentWillUnmount () {\n if (this.state.thumbnail) {\n URL.revokeObjectURL(this.state.thumbnail);\n }\n this.unmounted = true;\n }\n\n getTotalSize () {\n let size = this.props.projectSize + this.props.thumbnailSize;\n for (const assetSize of Object.values(this.props.assets)) {\n size += assetSize;\n }\n return size;\n }\n\n handleClickDelete (e) {\n e.stopPropagation();\n this.props.onClickDelete(this.props.id);\n }\n\n handleClickLoad () {\n this.props.onClickLoad(this.props.id);\n }\n\n render () {\n const createdDate = new Date(this.props.created * 1000);\n return (\n \n
\n
\n
\n
\n ) : props.isLoading ? (\n \n
\n {props.error}\n
\n\n
\n ) : props.restorePoints.length === 0 ? (\n \n
\n ) : (\n \n {props.restorePoints.map(restorePoint => (\n
\n\n \n \n
\n \n
\n\n \n
\n \n
\n \n {this.state.error ? (\n \n {'?'}\n \n ) : this.state.thumbnail ? (\n
\n\n \n
\n\n \n {this.props.title}\n
\n\n \n {relativeTimeSupported() && (\n \n
\n\n \n {formatBytes(this.totalSize)}\n {', '}\n
\n \n {props.url.startsWith('data:') ? (\n \n \n ) : (\n \n \n )}\n
\n);\n\nEmbedModal.propTypes = {\n url: PropTypes.string.isRequired\n};\n\nexport default EmbedModal;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {FormattedMessage} from 'react-intl';\nimport URL from './url.jsx';\n\nconst FetchModal = props => (\n \n
\n
\n
\n
\n
\n);\n\nFetchModal.propTypes = {\n url: PropTypes.string.isRequired\n};\n\nexport default FetchModal;\n","import React from 'react';\nimport {FormattedMessage} from 'react-intl';\n\nconst Geolocate = () => (\n \n
\n
\n
\n);\n\nexport default Geolocate;\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./load-extension.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./load-extension.css\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./load-extension.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {FormattedMessage} from 'react-intl';\nimport styles from './load-extension.css';\nimport URL from './url.jsx';\nimport DataURL from './data-url.jsx';\nimport FancyCheckbox from '../tw-fancy-checkbox/checkbox.jsx';\nimport {APP_NAME} from '../../lib/brand';\n\nconst LoadExtensionModal = props => (\n \n
\n
\n {props.url.startsWith('data:') ? (\n \n \n ) : (\n \n \n )}\n\n {props.onChangeUnsandboxed && (\n \n \n {props.unsandboxed && (\n \n )}\n {!props.unsandboxed && (\n
\n);\n\nLoadExtensionModal.propTypes = {\n url: PropTypes.string.isRequired,\n unsandboxed: PropTypes.bool.isRequired,\n onChangeUnsandboxed: PropTypes.func\n};\n\nexport default LoadExtensionModal;\n","import React from 'react';\nimport {FormattedMessage} from 'react-intl';\n\nconst Notify = () => (\n \n
\n )}\n \n
\n )}\n \n
\n);\n\nexport default Notify;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {FormattedMessage} from 'react-intl';\nimport {APP_NAME} from '../../lib/brand';\nimport URL from './url.jsx';\n\nconst OpenWindowModal = props => (\n \n
\n
\n
\n);\n\nOpenWindowModal.propTypes = {\n url: PropTypes.string.isRequired\n};\n\nexport default OpenWindowModal;\n","import React from 'react';\nimport {FormattedMessage} from 'react-intl';\n\nconst ReadClipboard = () => (\n \n
\n
\n);\n\nexport default ReadClipboard;\n","import React from 'react';\nimport {FormattedMessage} from 'react-intl';\n\nconst RecordAudio = () => (\n \n
\n
\n
\n
\n);\n\nexport default RecordAudio;\n","import React from 'react';\nimport {FormattedMessage} from 'react-intl';\n\nconst RecordVideo = () => (\n \n
\n
\n
\n);\n\nexport default RecordVideo;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {FormattedMessage} from 'react-intl';\nimport {APP_NAME} from '../../lib/brand';\nimport URL from './url.jsx';\n\nconst RedirectModal = props => (\n \n
\n
\n
\n\n);\n\nRedirectModal.propTypes = {\n url: PropTypes.string.isRequired\n};\n\nexport default RedirectModal;\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./security-manager-modal.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./security-manager-modal.css\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./security-manager-modal.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import {defineMessages, FormattedMessage, intlShape, injectIntl} from 'react-intl';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport Box from '../box/box.jsx';\nimport Modal from '../../containers/modal.jsx';\nimport SecurityModals from '../../lib/tw-security-manager-constants';\nimport LoadExtensionModal from './load-extension.jsx';\nimport FetchModal from './fetch.jsx';\nimport OpenWindowModal from './open-window.jsx';\nimport RedirectModal from './redirect.jsx';\nimport RecordAudio from './record-audio.jsx';\nimport RecordVideo from './record-video.jsx';\nimport ReadClipboard from './read-clipboard.jsx';\nimport Notify from './notify.jsx';\nimport Geolocate from './geolocate.jsx';\nimport Embed from './embed.jsx';\nimport DelayedMountPropertyHOC from './delayed-mount-property-hoc.jsx';\nimport styles from './security-manager-modal.css';\n\nconst messages = defineMessages({\n title: {\n defaultMessage: 'Extension Security',\n // eslint-disable-next-line max-len\n description: 'Title of modal thats asks the user for permission to let the project load an extension, fetch a resource, open a window, etc.',\n id: 'tw.securityManager.title'\n }\n});\n\nconst noop = () => {};\n\nconst SecurityManagerModalComponent = props => (\n \n
\n {trimURL(url)}\n
\n);\n\nURL.propTypes = {\n url: PropTypes.string.isRequired\n};\n\nexport default URL;\n","module.exports = \"data:image/svg+xml;base64,PCEtLSBodHRwczovL21hdGVyaWFsLmlvL3Jlc291cmNlcy9pY29ucy8/c2VhcmNoPWhlbHAmaWNvbj1oZWxwJnN0eWxlPWJhc2VsaW5lIC0tPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptMSAxN2gtMnYtMmgydjJ6bTIuMDctNy43NWwtLjkuOTJDMTMuNDUgMTIuOSAxMyAxMy41IDEzIDE1aC0ydi0uNWMwLTEuMS40NS0yLjEgMS4xNy0yLjgzbDEuMjQtMS4yNmMuMzctLjM2LjU5LS44Ni41OS0xLjQxIDAtMS4xLS45LTItMi0ycy0yIC45LTIgMkg4YzAtMi4yMSAxLjc5LTQgNC00czQgMS43OSA0IDRjMCAuODgtLjM2IDEuNjgtLjkzIDIuMjV6Ii8+PC9zdmc+\"","\nvar content = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./settings-modal.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./settings-modal.css\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./settings-modal.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import {defineMessages, FormattedMessage, intlShape, injectIntl} from 'react-intl';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport bindAll from 'lodash.bindall';\nimport Box from '../box/box.jsx';\nimport Modal from '../../containers/modal.jsx';\nimport FancyCheckbox from '../tw-fancy-checkbox/checkbox.jsx';\nimport Input from '../forms/input.jsx';\nimport BufferedInputHOC from '../forms/buffered-input-hoc.jsx';\nimport DocumentationLink from '../tw-documentation-link/documentation-link.jsx';\nimport styles from './settings-modal.css';\nimport helpIcon from './help-icon.svg';\nimport {APP_NAME} from '../../lib/brand.js';\n\n/* eslint-disable react/no-multi-comp */\n\nconst BufferedInput = BufferedInputHOC(Input);\n\nconst messages = defineMessages({\n title: {\n defaultMessage: 'Advanced Settings',\n description: 'Title of settings modal',\n id: 'tw.settingsModal.title'\n },\n help: {\n defaultMessage: 'Click for help',\n description: 'Hover text of help icon in settings',\n id: 'tw.settingsModal.help'\n }\n});\n\nconst LearnMore = props => (\n\n {this.props.primary}\n \n
\n {this.state.helpVisible && (\n \n {this.props.help}\n {this.props.slug &&
\n )}\n {this.props.secondary}\n \n );\n }\n}\nUnwrappedSetting.propTypes = {\n intl: intlShape,\n active: PropTypes.bool,\n help: PropTypes.node,\n primary: PropTypes.node,\n secondary: PropTypes.node,\n slug: PropTypes.string\n};\nconst Setting = injectIntl(UnwrappedSetting);\n\nconst BooleanSetting = ({value, onChange, label, ...props}) => (\n \n
\n )\n }\n help={(\n \n
\n);\nStoreProjectOptions.propTypes = {\n onStoreProjectOptions: PropTypes.func\n};\n\nconst Header = props => (\n \n \n
\n \n
\n {props.children}\n \n
\n);\nHeader.propTypes = {\n children: PropTypes.node\n};\n\nconst SettingsModalComponent = props => (\n \n
\n);\n\nexport default SoundEditorNotSupported;\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./username-modal.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./username-modal.css\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js??ref--5-1!../../../node_modules/postcss-loader/src/index.js??postcss!./username-modal.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import {defineMessages, FormattedMessage, intlShape, injectIntl} from 'react-intl';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport Box from '../box/box.jsx';\nimport Modal from '../../containers/modal.jsx';\nimport classNames from 'classnames';\n\nimport styles from './username-modal.css';\nimport isScratchDesktop from '../../lib/isScratchDesktop.js';\n\nconst messages = defineMessages({\n title: {\n defaultMessage: 'Change Username',\n description: 'Title change username modal',\n id: 'tw.usernameModal.title'\n }\n});\n\nconst UsernameModalComponent = props => (\n \n
\n
\n
\n
\n
\n \n\n );\n }\n}\n\nGreenFlagOverlay.propTypes = {\n className: PropTypes.string,\n vm: PropTypes.instanceOf(VM),\n wrapperClass: PropTypes.string,\n onStarted: PropTypes.func\n};\n\nconst mapStateToProps = state => ({\n vm: state.scratchGui.vm\n});\n\nconst mapDispatchToProps = dispatch => ({\n onStarted: () => dispatch(setStartedState(true))\n});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(GreenFlagOverlay);\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport {compose} from 'redux';\nimport {connect} from 'react-redux';\nimport ReactModal from 'react-modal';\nimport VM from 'scratch-vm';\nimport {injectIntl, intlShape} from 'react-intl';\n\nimport ErrorBoundaryHOC from '../lib/error-boundary-hoc.jsx';\nimport {\n getIsError,\n getIsShowingProject\n} from '../reducers/project-state';\nimport {\n activateTab,\n BLOCKS_TAB_INDEX,\n COSTUMES_TAB_INDEX,\n SOUNDS_TAB_INDEX\n} from '../reducers/editor-tab';\n\nimport {\n closeCostumeLibrary,\n closeBackdropLibrary,\n closeTelemetryModal,\n openExtensionLibrary\n} from '../reducers/modals';\n\nimport FontLoaderHOC from '../lib/font-loader-hoc.jsx';\nimport LocalizationHOC from '../lib/localization-hoc.jsx';\nimport SBFileUploaderHOC from '../lib/sb-file-uploader-hoc.jsx';\nimport ProjectFetcherHOC from '../lib/project-fetcher-hoc.jsx';\nimport TitledHOC from '../lib/titled-hoc.jsx';\nimport ProjectSaverHOC from '../lib/project-saver-hoc.jsx';\nimport storage from '../lib/storage';\nimport vmListenerHOC from '../lib/vm-listener-hoc.jsx';\nimport vmManagerHOC from '../lib/vm-manager-hoc.jsx';\nimport cloudManagerHOC from '../lib/cloud-manager-hoc.jsx';\n\nimport GUIComponent from '../components/gui/gui.jsx';\nimport {setIsScratchDesktop} from '../lib/isScratchDesktop.js';\nimport TWFullScreenResizerHOC from '../lib/tw-fullscreen-resizer-hoc.jsx';\nimport TWThemeManagerHOC from './tw-theme-manager-hoc.jsx';\n\nconst {RequestMetadata, setMetadata, unsetMetadata} = storage.scratchFetch;\n\nconst setProjectIdMetadata = projectId => {\n // If project ID is '0' or zero, it's not a real project ID. In that case, remove the project ID metadata.\n // Same if it's null undefined.\n if (projectId && projectId !== '0') {\n setMetadata(RequestMetadata.ProjectId, projectId);\n } else {\n unsetMetadata(RequestMetadata.ProjectId);\n }\n};\n\nclass GUI extends React.Component {\n componentDidMount () {\n setIsScratchDesktop(this.props.isScratchDesktop);\n this.props.onStorageInit(storage);\n this.props.onVmInit(this.props.vm);\n setProjectIdMetadata(this.props.projectId);\n }\n componentDidUpdate (prevProps) {\n if (this.props.projectId !== prevProps.projectId) {\n if (this.props.projectId !== null) {\n this.props.onUpdateProjectId(this.props.projectId);\n }\n setProjectIdMetadata(this.props.projectId);\n }\n if (this.props.isShowingProject && !prevProps.isShowingProject) {\n // this only notifies container when a project changes from not yet loaded to loaded\n // At this time the project view in www doesn't need to know when a project is unloaded\n this.props.onProjectLoaded();\n }\n }\n render () {\n if (this.props.isError) {\n throw this.props.error;\n }\n const {\n /* eslint-disable no-unused-vars */\n assetHost,\n cloudHost,\n error,\n isError,\n isScratchDesktop,\n isShowingProject,\n onProjectLoaded,\n onStorageInit,\n onUpdateProjectId,\n onVmInit,\n projectHost,\n projectId,\n /* eslint-enable no-unused-vars */\n children,\n fetchingProject,\n isLoading,\n loadingStateVisible,\n ...componentProps\n } = this.props;\n return (\n