*/\n\n.studioview_wrapper_1SFBd {\n height: 100%;\n}\n\n/* fix some styles that can be messed up by scratch-gui */\n\n.studioview_studioview-root_1OP-i * {\n box-sizing: content-box !important;\n}\n\n.studioview_studioview-root_1OP-i {\n height: 100%;\n}\n\n.studioview_studioview-list_2hIxk {\n width: 100%;\n height: 100%;\n overflow-y: scroll;\n overflow-anchor: none;\n}\n\n.studioview_studioview-project_IDotv, .studioview_studioview-placeholder_KKHo9 {\n display: inline-block;\n width: 142px;\n padding: 3px;\n margin-bottom: 1px;\n margin-right: 1px;\n border-radius: 4px;\n border-style: solid;\n border-width: 1px;\n border-color: rgba(0, 0, 0, 0.1);\n}\n\n[theme=\"dark\"] .studioview_studioview-project_IDotv,\n[theme=\"dark\"] .studioview_studioview-placeholder_KKHo9 {\n border-color: #ffffff4d;\n}\n\n.studioview_featured-studioview-project_2AmL1 {\n background-color: #ffc400;\n background: linear-gradient(\n 145deg,\n rgba(255, 196, 0, 1) 0%,\n rgba(255, 196, 0, 1) 45%,\n rgba(255, 255, 255, 1) 50%,\n rgba(255, 196, 0, 1) 54%,\n rgba(255, 196, 0, 1) 100%\n );\n background-size: 300% 300%;\n animation: studioview_gradient_17Yed 3s ease infinite;\n}\n\n[theme=\"dark\"] .studioview_featured-studioview-project_2AmL1 > div {\n color: black;\n}\n\n.studioview_studioview-root_1OP-i .studioview_studioview-project_IDotv {\n color: inherit;\n position: relative;\n text-decoration: none;\n}\n\n.studioview_studioview-loaded_3UCil:hover::before, .studioview_studioview-loaded_3UCil:active::before {\n content: '';\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: currentColor;\n opacity: 0.1;\n}\n\n.studioview_studioview-root_1OP-i .studioview_studioview-loaded_3UCil:active::before {\n opacity: 0.2;\n}\n\n.studioview_studioview-root_1OP-i .studioview_studioview-title_2ROWB,\n.studioview_studioview-root_1OP-i .studioview_studioview-author_2P0Hj {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n color: inherit;\n text-decoration: none;\n}\n\n.studioview_studioview-title_2ROWB {\n font-size: 0.9em;\n font-weight: bold;\n}\n\n.studioview_studioview-author_2P0Hj {\n font-size: 0.75em;\n}\n\n.studioview_studioview-error_3XWai {\n width: 100%;\n}\n\n.studioview_studioview-thumbnail_1HYJO, .studioview_studioview-placeholder-thumbnail_TUdop {\n position: relative;\n width: 144px;\n height: 108px;\n}\n\n.studioview_studioview-thumbnail_1HYJO::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: currentColor;\n opacity: 0.1;\n}\n\n.studioview_studioview-thumbnail_1HYJO img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 1;\n position: relative;\n}\n\n.studioview_studioview-placeholder_KKHo9 .studioview_studioview-thumbnail_1HYJO,\n.studioview_studioview-placeholder_KKHo9 .studioview_studioview-title_2ROWB,\n.studioview_studioview-placeholder_KKHo9 .studioview_studioview-author_2P0Hj {\n background-color: currentColor;\n opacity: 0.1;\n}\n\n.studioview_studioview-title_2ROWB {\n height: 20px;\n margin-top: 2px;\n}\n\n.studioview_studioview-author_2P0Hj {\n height: 18px;\n}\n\n.studioview_studioview-placeholder_KKHo9 .studioview_studioview-title_2ROWB {\n border-radius: 2px 2px 2px 0;\n width: 100%;\n}\n\n.studioview_studioview-placeholder_KKHo9 .studioview_studioview-author_2P0Hj {\n border-radius: 0 0 2px 2px;\n width: 50%;\n}\n", ""]);
-
-// exports
-exports.locals = {
- "wrapper": "studioview_wrapper_1SFBd",
- "studioview-root": "studioview_studioview-root_1OP-i",
- "studioviewRoot": "studioview_studioview-root_1OP-i",
- "studioview-list": "studioview_studioview-list_2hIxk",
- "studioviewList": "studioview_studioview-list_2hIxk",
- "studioview-project": "studioview_studioview-project_IDotv",
- "studioviewProject": "studioview_studioview-project_IDotv",
- "studioview-placeholder": "studioview_studioview-placeholder_KKHo9",
- "studioviewPlaceholder": "studioview_studioview-placeholder_KKHo9",
- "featured-studioview-project": "studioview_featured-studioview-project_2AmL1",
- "featuredStudioviewProject": "studioview_featured-studioview-project_2AmL1",
- "gradient": "studioview_gradient_17Yed",
- "studioview-loaded": "studioview_studioview-loaded_3UCil",
- "studioviewLoaded": "studioview_studioview-loaded_3UCil",
- "studioview-title": "studioview_studioview-title_2ROWB",
- "studioviewTitle": "studioview_studioview-title_2ROWB",
- "studioview-author": "studioview_studioview-author_2P0Hj",
- "studioviewAuthor": "studioview_studioview-author_2P0Hj",
- "studioview-error": "studioview_studioview-error_3XWai",
- "studioviewError": "studioview_studioview-error_3XWai",
- "studioview-thumbnail": "studioview_studioview-thumbnail_1HYJO",
- "studioviewThumbnail": "studioview_studioview-thumbnail_1HYJO",
- "studioview-placeholder-thumbnail": "studioview_studioview-placeholder-thumbnail_TUdop",
- "studioviewPlaceholderThumbnail": "studioview_studioview-placeholder-thumbnail_TUdop"
-};
-
-/***/ }),
-
-/***/ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/tw-username-modal/username-modal.css":
-/*!********************************************************************************************************************************************!*\
- !*** ./node_modules/css-loader??ref--5-1!./node_modules/postcss-loader/src??postcss!./src/components/tw-username-modal/username-modal.css ***!
- \********************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
-// imports
-
-
-// module
-exports.push([module.i, "/*基本色(#6f00ffを基調)*/\n/* #F0E5FF */\n/* #F3E9FC */\n/* #E7D9F2 */\n/* #B366FF with 90% opacity */\n/* #FFFFFF */\n/* 75% */\n/* 25% */\n/* 0% */\n/* 15% black */\n/* 渋めの紫文字色 */\n/* #6f00ff */\n/* #5c00cc */\n/* #6f00ff 35% */\n/* #5c00cc 15% */\n/* opt-in theme overrides */\n/* ダークモードのトップバー色 */\n/* #6f00ff */\n/* #5c00cc */\n/* #9966ff */\n/* #8040ff */\n/* #9966ff 代替コントロール色 */\n/* #8a33ff */\n/* #5900b8 */\n/* #5900b8 25% */\n/* #8a33ff */\n/* #b380ff */\n/* #8a33ff 25% */\n/* #d1a6ff より明るい紫 */\n.username-modal_modal-content_2pKC4 {\n width: 400px;\n}\n.username-modal_body_UaL6e {\n background: hsla(0, 100%, 100%, 1);\n padding: 1.5rem 2.25rem;\n}\n[theme=\"dark\"] .username-modal_body_UaL6e {\n color: var(--text-primary, hsla(266, 30%, 40%, 1));\n background: var(--ui-primary, hsla(266, 100%, 95%, 1));\n}\n.username-modal_body_UaL6e input[type=\"checkbox\"],\n.username-modal_body_UaL6e input[type=\"radio\"] {\n margin: 3px;\n}\n.username-modal_text-input_3z1ni {\n margin-bottom: 1rem;\n width: 100%;\n border: 1px solid var(--ui-black-transparent, hsla(0, 0%, 0%, 0.15));\n border-radius: 5px;\n padding: 0 1rem;\n height: 3rem;\n color: hsla(266, 30%, 40%, 0.75);\n font-size: .875rem;\n}\n[theme=\"dark\"] .username-modal_text-input_3z1ni {\n background: var(--ui-secondary, hsla(266, 75%, 95%, 1));\n color: white;\n}\n.username-modal_button-row_2amuh {\n font-weight: bolder;\n text-align: right;\n}\n.username-modal_button-row_2amuh button {\n padding: 0.75rem 1rem;\n border-radius: 0.25rem;\n background: white;\n border: 1px solid var(--ui-black-transparent, hsla(0, 0%, 0%, 0.15));\n font-weight: 600;\n font-size: 0.85rem;\n}\n.username-modal_button-row_2amuh button[disabled] {\n opacity: 0.5;\n}\n[dir=\"ltr\"] .username-modal_button-row_2amuh button + button {\n margin-left: 0.5rem;\n}\n[dir=\"rtl\"] .username-modal_button-row_2amuh button + button {\n margin-right: 0.5rem;\n}\n.username-modal_button-row_2amuh button.username-modal_ok-button_UEZfz {\n background: hsla(266, 100%, 50%, 1);\n border: hsla(266, 100%, 50%, 1);\n color: white;\n}\n.username-modal_button-row_2amuh button.username-modal_cancel-button_3bs7j {\n color: black;\n}\n.username-modal_help-text_3dN2- {\n margin-bottom: 1rem;\n}\n.username-modal_must-change_1uhS8 {\n font-weight: bold;\n}\n.username-modal_reset-link_2djuz {\n cursor: pointer;\n}\n", ""]);
-
-// exports
-exports.locals = {
- "modal-content": "username-modal_modal-content_2pKC4",
- "modalContent": "username-modal_modal-content_2pKC4",
- "body": "username-modal_body_UaL6e",
- "text-input": "username-modal_text-input_3z1ni",
- "textInput": "username-modal_text-input_3z1ni",
- "button-row": "username-modal_button-row_2amuh",
- "buttonRow": "username-modal_button-row_2amuh",
- "ok-button": "username-modal_ok-button_UEZfz",
- "okButton": "username-modal_ok-button_UEZfz",
- "cancel-button": "username-modal_cancel-button_3bs7j",
- "cancelButton": "username-modal_cancel-button_3bs7j",
- "help-text": "username-modal_help-text_3dN2-",
- "helpText": "username-modal_help-text_3dN2-",
- "must-change": "username-modal_must-change_1uhS8",
- "mustChange": "username-modal_must-change_1uhS8",
- "reset-link": "username-modal_reset-link_2djuz",
- "resetLink": "username-modal_reset-link_2djuz"
-};
-
-/***/ }),
-
-/***/ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/variables-tab/variables-tab.css":
-/*!***************************************************************************************************************************************!*\
- !*** ./node_modules/css-loader??ref--5-1!./node_modules/postcss-loader/src??postcss!./src/components/variables-tab/variables-tab.css ***!
- \***************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-var escape = __webpack_require__(/*! ../../../node_modules/css-loader/lib/url/escape.js */ "./node_modules/css-loader/lib/url/escape.js");
-exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
-// imports
-
-
-// module
-exports.push([module.i, "/*基本色(#6f00ffを基調)*/\n/* #F0E5FF */\n/* #F3E9FC */\n/* #E7D9F2 */\n/* #B366FF with 90% opacity */\n/* #FFFFFF */\n/* 75% */\n/* 25% */\n/* 0% */\n/* 15% black */\n/* 渋めの紫文字色 */\n/* #6f00ff */\n/* #5c00cc */\n/* #6f00ff 35% */\n/* #5c00cc 15% */\n/* opt-in theme overrides */\n/* ダークモードのトップバー色 */\n/* #6f00ff */\n/* #5c00cc */\n/* #9966ff */\n/* #8040ff */\n/* #9966ff 代替コントロール色 */\n/* #8a33ff */\n/* #5900b8 */\n/* #5900b8 25% */\n/* #8a33ff */\n/* #b380ff */\n/* #8a33ff 25% */\n/* #d1a6ff より明るい紫 */\n/* make sure to keep these in sync with other constants,\ne.g. STAGE_DIMENSION_DEFAULTS in lib/screen-utils.js */\n/* layout contants from `layout-constants.js` */\n.variables-tab_editor-wrapper_1_8VY {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n}\n.variables-tab_editor-container_3K2Ho {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n overflow: auto;\n \n background: white;\n border-top-right-radius: 0.5rem;\n border-bottom-right-radius: 0.5rem;\n border: 1px solid var(--ui-black-transparent, hsla(0, 0%, 0%, 0.15));\n padding: calc(2 * 0.5rem);\n}\n[theme=\"dark\"] .variables-tab_editor-container_3K2Ho {\n background: var(--ui-primary, hsla(266, 100%, 95%, 1));\n}\n.variables-tab_search-bar_1WZfc {\n background-image: url(" + escape(__webpack_require__(/*! ./icon--search.svg */ "./src/components/variables-tab/icon--search.svg")) + ");\n width: 25%;\n margin-bottom: 4px;\n padding: 8px;\n padding-right: 32px; /* for the text to not overlap the image */\n border-radius: 4px;\n background-repeat: no-repeat;\n background-size: 18px 18px;\n background-position: calc(100% - 7px) center;\n font-size: 0.75rem;\n}\n.variables-tab_heading_2Bg8x {\n display: block;\n font-weight: bold;\n font-size: large;\n margin-top: 6px;\n margin-bottom: 6px;\n}\n.variables-tab_editor-container_3K2Ho * > input {\n background: none;\n border: none;\n padding: 8px;\n width: 100%;\n height: 100%;\n}\n.variables-tab_variable-name_157Gv {\n word-break: break-word;\n}\n.variables-tab_variable-value_2rpYN {\n width: 75%;\n}\n.variables-tab_variable-value_2rpYN > textarea {\n background: none;\n border: none;\n padding: 8px;\n width: 100%;\n min-height: 36px;\n height: calc(36px * 2);\n line-height: 1em;\n resize: vertical;\n}\n.variables-tab_value-too-big_1Dnae {\n cursor: pointer;\n font: inherit;\n font-style: italic;\n color: inherit;\n background: none;\n border: none;\n margin: 0;\n padding: 8px;\n opacity: 0.8;\n width: 100%;\n text-align: left;\n}\n.variables-tab_value-too-big_1Dnae:hover {\n text-decoration: underline;\n}\n.variables-tab_editor-container_3K2Ho table {\n border-radius: 5px;\n border-collapse: collapse;\n width: 100%;\n}\n.variables-tab_editor-container_3K2Ho td {\n border: 1px solid rgba(0, 0, 0, 0.15);\n text-align: left;\n}\n[theme=\"dark\"] .variables-tab_editor-container_3K2Ho td {\n border-color: #333;\n}", ""]);
-
-// exports
-exports.locals = {
- "editor-wrapper": "variables-tab_editor-wrapper_1_8VY",
- "editorWrapper": "variables-tab_editor-wrapper_1_8VY",
- "editor-container": "variables-tab_editor-container_3K2Ho",
- "editorContainer": "variables-tab_editor-container_3K2Ho",
- "search-bar": "variables-tab_search-bar_1WZfc",
- "searchBar": "variables-tab_search-bar_1WZfc",
- "heading": "variables-tab_heading_2Bg8x",
- "variable-name": "variables-tab_variable-name_157Gv",
- "variableName": "variables-tab_variable-name_157Gv",
- "variable-value": "variables-tab_variable-value_2rpYN",
- "variableValue": "variables-tab_variable-value_2rpYN",
- "value-too-big": "variables-tab_value-too-big_1Dnae",
- "valueTooBig": "variables-tab_value-too-big_1Dnae"
-};
-
-/***/ }),
-
-/***/ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/watermark/watermark.css":
-/*!*******************************************************************************************************************************!*\
- !*** ./node_modules/css-loader??ref--5-1!./node_modules/postcss-loader/src??postcss!./src/components/watermark/watermark.css ***!
- \*******************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
-// imports
-
-
-// module
-exports.push([module.i, "\n.watermark_sprite-image_3ywoR {\n margin: auto;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n max-width: 48px;\n max-height: 48px;\n opacity: 0.35;\n}\n", ""]);
-
-// exports
-exports.locals = {
- "sprite-image": "watermark_sprite-image_3ywoR",
- "spriteImage": "watermark_sprite-image_3ywoR"
-};
-
-/***/ }),
-
-/***/ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/waveform/waveform.css":
-/*!*****************************************************************************************************************************!*\
- !*** ./node_modules/css-loader??ref--5-1!./node_modules/postcss-loader/src??postcss!./src/components/waveform/waveform.css ***!
- \*****************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
-// imports
-
-
-// module
-exports.push([module.i, "/*基本色(#6f00ffを基調)*/\n/* #F0E5FF */\n/* #F3E9FC */\n/* #E7D9F2 */\n/* #B366FF with 90% opacity */\n/* #FFFFFF */\n/* 75% */\n/* 25% */\n/* 0% */\n/* 15% black */\n/* 渋めの紫文字色 */\n/* #6f00ff */\n/* #5c00cc */\n/* #6f00ff 35% */\n/* #5c00cc 15% */\n/* opt-in theme overrides */\n/* ダークモードのトップバー色 */\n/* #6f00ff */\n/* #5c00cc */\n/* #9966ff */\n/* #8040ff */\n/* #9966ff 代替コントロール色 */\n/* #8a33ff */\n/* #5900b8 */\n/* #5900b8 25% */\n/* #8a33ff */\n/* #b380ff */\n/* #8a33ff 25% */\n/* #d1a6ff より明るい紫 */\n.waveform_container_2K9Om {\n width: 100%;\n}\n.waveform_waveform-path_TskyB {\n /*\n This color is lighter than sound-primary, but\n cannot use alpha because of overlapping elements.\n */\n fill: hsl(300, 54%, 72%);\n stroke: hsla(266, 60%, 50%, 1);\n}\n.waveform_baseline_2J5dw {\n stroke: hsla(266, 60%, 50%, 1);\n}\n", ""]);
-
-// exports
-exports.locals = {
- "container": "waveform_container_2K9Om",
- "waveform-path": "waveform_waveform-path_TskyB",
- "waveformPath": "waveform_waveform-path_TskyB",
- "baseline": "waveform_baseline_2J5dw"
-};
-
-/***/ }),
-
-/***/ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/css/confirm-dialog.css":
-/*!*******************************************************************************************************************!*\
- !*** ./node_modules/css-loader??ref--5-1!./node_modules/postcss-loader/src??postcss!./src/css/confirm-dialog.css ***!
- \*******************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(/*! ../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
-// imports
-
-
-// module
-exports.push([module.i, "/*基本色(#6f00ffを基調)*/\n/* #F0E5FF */\n/* #F3E9FC */\n/* #E7D9F2 */\n/* #B366FF with 90% opacity */\n/* #FFFFFF */\n/* 75% */\n/* 25% */\n/* 0% */\n/* 15% black */\n/* 渋めの紫文字色 */\n/* #6f00ff */\n/* #5c00cc */\n/* #6f00ff 35% */\n/* #5c00cc 15% */\n/* opt-in theme overrides */\n/* ダークモードのトップバー色 */\n/* #6f00ff */\n/* #5c00cc */\n/* #9966ff */\n/* #8040ff */\n/* #9966ff 代替コントロール色 */\n/* #8a33ff */\n/* #5900b8 */\n/* #5900b8 25% */\n/* #8a33ff */\n/* #b380ff */\n/* #8a33ff 25% */\n/* #d1a6ff より明るい紫 */\n.confirm-dialog_base_10eTq {\n background-color: hsla(266, 100%, 95%, 0.5);\n position: fixed;\n width: 100%;\n height: 100%;\n z-index: 999999;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n[theme=\"dark\"] .confirm-dialog_base_10eTq {\n background-color: #333a;\n}\n.confirm-dialog_promptBox_3UiSM {\n width: 540px;\n height: 380px;\n background: hsla(0, 100%, 100%, 1);\n border-radius: 8px;\n outline-color: hsla(0, 0%, 100%, 0.25);\n outline-width: 4px;\n outline-style: solid;\n overflow: hidden;\n position: relative;\n color: black;\n}\n[theme=\"dark\"] .confirm-dialog_promptBox_3UiSM {\n color: var(--text-primary, hsla(266, 30%, 40%, 1));\n background: var(--ui-primary, hsla(266, 100%, 95%, 1));\n}\n.confirm-dialog_header_1YV2X {\n width: 100%;\n height: 3.125em;\n background-color: hsla(266, 100%, 95%, 1);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n}\n[theme=\"dark\"] .confirm-dialog_header_1YV2X {\n background-color: #5500cc;\n}\n.confirm-dialog_buttonRow_1xDb7 {\n height: 2.125em;\n position: absolute;\n right: 0px;\n bottom: 0px;\n margin: 16px;\n}\n.confirm-dialog_promptButton_tyxXG {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n padding: 0.75rem 1rem;\n font-weight: 600;\n font-size: 0.85rem;\n border: 0px;\n border-radius: 4px;\n}\n.confirm-dialog_promptButton_tyxXG:focus {\n outline-color: hsla(266, 100%, 95%, 0.35);\n outline-width: 4px;\n outline-style: solid;\n}\n.confirm-dialog_accept_3vfBI {\n background-color: hsla(266, 100%, 95%, 1);\n color: white;\n}\n.confirm-dialog_deny_10Akd {\n background-color: white;\n outline-width: 1px;\n outline-style: solid;\n outline-color: rgba(0, 0, 0, 0.15);\n color: black;\n}\n.confirm-dialog_filePicker_hPvJK {\n border: 0;\n background-color: hsla(266, 100%, 95%, 1);\n border-radius: 4px;\n font-weight: 600;\n color: white;\n font-size: 0.85rem;\n padding: 0.75rem 1rem;\n cursor: pointer;\n}\n.confirm-dialog_verticalSlider_2C4MI {\n transform: rotate(270deg);\n}", ""]);
-
-// exports
-exports.locals = {
- "base": "confirm-dialog_base_10eTq",
- "promptBox": "confirm-dialog_promptBox_3UiSM",
- "header": "confirm-dialog_header_1YV2X",
- "buttonRow": "confirm-dialog_buttonRow_1xDb7",
- "promptButton": "confirm-dialog_promptButton_tyxXG",
- "accept": "confirm-dialog_accept_3vfBI",
- "deny": "confirm-dialog_deny_10Akd",
- "filePicker": "confirm-dialog_filePicker_hPvJK",
- "verticalSlider": "confirm-dialog_verticalSlider_2C4MI"
-};
-
-/***/ }),
-
-/***/ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/lib/normalize.css":
-/*!**************************************************************************************************************!*\
- !*** ./node_modules/css-loader??ref--5-1!./node_modules/postcss-loader/src??postcss!./src/lib/normalize.css ***!
- \**************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(/*! ../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
-// imports
-
-
-// module
-exports.push([module.i, "/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */\nhtml{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}\nbody{margin:0}\narticle,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}\naudio,canvas,progress,video{display:inline-block;vertical-align:baseline}\naudio:not([controls]){display:none;height:0}\n[hidden],template{display:none}\na{background-color:transparent}\na:active,a:hover{outline:0}\nabbr[title]{border-bottom:1px dotted}\nb,strong{font-weight:bold}\ndfn{font-style:italic}\nh1{font-size:2em;margin:.67em 0}\nmark{background:#ff0;color:#000}\nsmall{font-size:80%}\nsub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}\nsup{top:-0.5em}\nsub{bottom:-0.25em}\nimg{border:0}\nsvg:not(:root){overflow:hidden}\nfigure{margin:1em 40px}\nhr{box-sizing:content-box;height:0}\npre{overflow:auto}\ncode,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}\nbutton,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}\nbutton{overflow:visible}\nbutton,select{text-transform:none}\nbutton,html input[type=\"button\"],input[type=\"reset\"],input[type=\"submit\"]{-webkit-appearance:button;cursor:pointer}\nbutton[disabled],html input[disabled]{cursor:default}\nbutton::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}\ninput{line-height:normal}\ninput[type=\"checkbox\"],input[type=\"radio\"]{box-sizing:border-box;padding:0}\ninput[type=\"number\"]::-webkit-inner-spin-button,input[type=\"number\"]::-webkit-outer-spin-button{height:auto}\ninput[type=\"search\"]{-webkit-appearance:textfield;box-sizing:content-box}\ninput[type=\"search\"]::-webkit-search-cancel-button,input[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}\nfieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}\nlegend{border:0;padding:0}\ntextarea{overflow:auto}\noptgroup{font-weight:bold}\ntable{border-collapse:collapse;border-spacing:0}\ntd,th{padding:0}\n", ""]);
-
-// exports
-
-
-/***/ }),
-
-/***/ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/playground/interface.css":
-/*!*********************************************************************************************************************!*\
- !*** ./node_modules/css-loader??ref--5-1!./node_modules/postcss-loader/src??postcss!./src/playground/interface.css ***!
- \*********************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(/*! ../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
-// imports
-
-
-// module
-exports.push([module.i, "/* Base styles used by Scratch https://github.com/LLK/scratch-www/blob/develop/src/main.scss */\nh1,\nh2,\nh3,\nh4,\nh5,\np {\n margin: 0;\n padding: 0;\n border: 0;\n}\nh1,\nh2,\nh3,\nh4,\nh5 {\n font-weight: bold;\n line-height: 1.7em;\n}\nh1 {\n font-weight: 2.5rem;\n}\nh2 {\n font-weight: 2rem;\n}\nh3 {\n font-size: 1.4rem;\n}\nh4 {\n font-size: 1rem;\n}\na {\n color: #25d;\n cursor: pointer;\n text-decoration: underline;\n}\n.interface_container_2nBns {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n}\n.interface_editor_3jGyG {\n min-width: 1024px;\n min-height: 640px;\n height: 100%;\n}\n.interface_editor_3jGyG .interface_center_2d9_b {\n height: 100%;\n}\n.interface_player-only_38SyA .interface_center_2d9_b {\n margin: auto;\n}\n.interface_menu_3K-Q2 {\n margin-bottom: 8px;\n}\n.interface_section_3pFkT {\n margin: 8px 0 8px 0;\n}\n.interface_footer_3JeCN {\n padding: 10px 0;\n margin-top: 10px;\n border-top: 2px solid #ddd;\n}\n.interface_footer_3JeCN a {\n font-weight: bold;\n text-decoration: none;\n}\n[theme=\"dark\"] .interface_footer_3JeCN {\n border-color: #1a1a1a;\n}\n.interface_footer-content_1aIC- {\n max-width: 600px;\n margin: auto;\n}\n.interface_footer-text_IgwDU {\n text-align: center;\n margin: 5px 0 10px 0;\n}\n.interface_footer-columns_1SUSg {\n display: flex;\n justify-content: center;\n justify-items: center;\n flex-wrap: wrap;\n}\n.interface_footer-section_11lCO {\n display: flex;\n flex-direction: column;\n width: 200px;\n margin-bottom: 10px;\n}\n.interface_footer-section_11lCO > * {\n margin-bottom: 10px;\n}\n[theme=\"dark\"] .interface_container_2nBns {\n background-color: #111;\n}\n[theme=\"dark\"] .interface_player-only_38SyA {\n color: #ddd;\n}\n[theme=\"dark\"] a {\n color: #4af;\n}\n.interface_unshared-update_i7deb,\n.interface_infobox_1B2Hp {\n line-height: 1.5em;\n padding: 0.5rem;\n margin: 5px 0 8px 0;\n border: 1px solid #b9d6ff;\n background-color: #dbebff;\n border-radius: 0.5rem;\n border: 1px solid #b9d6ff;\n background-color: #dbebff;\n}\n[theme=\"dark\"] .interface_infobox_1B2Hp {\n border-color: #203652;\n background-color: #16202c;\n}\n.interface_infobox_1B2Hp p {\n margin: 4px 0;\n}\n.interface_infobox_1B2Hp a {\n font-weight: bold;\n text-decoration: none;\n}\n/* .unshared-update {\n border-color: #ffb9b9;\n background-color: #ffdbdb;\n} */\n[theme=\"dark\"] .interface_unshared-update_i7deb {\n border-color: #203652;\n background-color: #16202c;\n}\n.interface_unshared-update_i7deb p {\n margin: 4px 0;\n}\n.interface_unshared-update_i7deb a {\n font-weight: bold;\n text-decoration: none;\n}\n.interface_remix-warning-box_3ELA7 {\n line-height: 1.5em;\n padding: 0.5rem;\n margin: 5px 0 8px 0;\n border: 1px solid #ffdbb9;\n background-color: #ffecdb;\n border-radius: 0.5rem;\n}\n[theme=\"dark\"] .interface_remix-warning-box_3ELA7 {\n border-color: #523720;\n background-color: #2c2016;\n}\n.interface_remix-warning-box_3ELA7 p {\n margin: 4px 0;\n}\n.interface_remix-warning-box_3ELA7 a {\n font-weight: bold;\n text-decoration: none;\n}\n.interface_remix-author-image_3CKj8 {\n width: 32px;\n height: 32px;\n margin-right: 4px;\n border-radius: 4px;\n}\n.interface_project-details_23Y3L {\n display: flex;\n flex-direction: row;\n align-items: center;\n margin: 8px 0;\n}\n.interface_project-metadata_1yR_m {\n display: flex;\n flex-direction: column;\n}\n.interface_project-author-image_1iGP9 {\n width: 50px;\n height: 50px;\n border-radius: 4px;\n margin-right: 8px;\n}\n.interface_project-metadata_1yR_m h2 {\n line-height: 1.4em;\n}\n.interface_project-metadata_1yR_m p {\n font-size: 0.85rem;\n}\n.interface_project-metadata_1yR_m p a,\n.interface_project-metadata_1yR_m a {\n text-decoration: none;\n font-weight: bold;\n}\n.interface_center-sector_98TDt {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n}\n.interface_report-link_1GiD4,\n.interface_share-link_2ousG {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n.interface_share-link_2ousG > img,\n.interface_report-link_1GiD4 > img {\n height: 16px;\n margin-right: 4px;\n}\n.interface_report-link_1GiD4 {\n color: red !important;\n}\n.interface_share-link_2ousG {\n background: transparent;\n padding: 0;\n margin: 0;\n border: 0;\n color: rgb(90, 90, 90) !important;\n text-decoration: underline;\n cursor: pointer;\n}\n.interface_share-link_2ousG:active {\n filter: brightness(0.8);\n}\n.interface_share-link_2ousG > img {\n filter: brightness(0.3529411765);\n}\n[theme=\"dark\"] .interface_share-link_2ousG {\n color: rgb(202, 202, 202) !important;\n}\n[theme=\"dark\"] .interface_share-link_2ousG > img {\n filter: brightness(0.7921568627);\n}\n.interface_remixList_2_l80 {\n overflow-x: auto;\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n height: 128px;\n background-color: rgba(0, 0, 0, 10%);\n}\n.interface_remixProject_3TfIu {\n display: flex;\n flex-direction: column;\n align-items: center;\n background-color: white;\n margin-left: 3px;\n margin-right: 3px;\n text-decoration: none;\n color: black;\n font-size: 0.8em;\n}\n[theme=\"dark\"] .interface_remixProject_3TfIu {\n background-color: #111;\n color: white;\n}\n.interface_remixProject_3TfIu:hover {\n background-color: hsl(0, 0%, 95%);\n}\n[theme=\"dark\"] .interface_remixProject_3TfIu:hover {\n background-color: rgba(0, 0, 0, 5%);\n}\n", ""]);
-
-// exports
-exports.locals = {
- "container": "interface_container_2nBns",
- "editor": "interface_editor_3jGyG",
- "center": "interface_center_2d9_b",
- "player-only": "interface_player-only_38SyA",
- "playerOnly": "interface_player-only_38SyA",
- "menu": "interface_menu_3K-Q2",
- "section": "interface_section_3pFkT",
- "footer": "interface_footer_3JeCN",
- "footer-content": "interface_footer-content_1aIC-",
- "footerContent": "interface_footer-content_1aIC-",
- "footer-text": "interface_footer-text_IgwDU",
- "footerText": "interface_footer-text_IgwDU",
- "footer-columns": "interface_footer-columns_1SUSg",
- "footerColumns": "interface_footer-columns_1SUSg",
- "footer-section": "interface_footer-section_11lCO",
- "footerSection": "interface_footer-section_11lCO",
- "unshared-update": "interface_unshared-update_i7deb",
- "unsharedUpdate": "interface_unshared-update_i7deb",
- "infobox": "interface_infobox_1B2Hp",
- "remix-warning-box": "interface_remix-warning-box_3ELA7",
- "remixWarningBox": "interface_remix-warning-box_3ELA7",
- "remix-author-image": "interface_remix-author-image_3CKj8",
- "remixAuthorImage": "interface_remix-author-image_3CKj8",
- "project-details": "interface_project-details_23Y3L",
- "projectDetails": "interface_project-details_23Y3L",
- "project-metadata": "interface_project-metadata_1yR_m",
- "projectMetadata": "interface_project-metadata_1yR_m",
- "project-author-image": "interface_project-author-image_1iGP9",
- "projectAuthorImage": "interface_project-author-image_1iGP9",
- "center-sector": "interface_center-sector_98TDt",
- "centerSector": "interface_center-sector_98TDt",
- "report-link": "interface_report-link_1GiD4",
- "reportLink": "interface_report-link_1GiD4",
- "share-link": "interface_share-link_2ousG",
- "shareLink": "interface_share-link_2ousG",
- "remixList": "interface_remixList_2_l80",
- "remixProject": "interface_remixProject_3TfIu"
-};
-
-/***/ }),
-
-/***/ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/playground/vote-frame.css":
-/*!**********************************************************************************************************************!*\
- !*** ./node_modules/css-loader??ref--5-1!./node_modules/postcss-loader/src??postcss!./src/playground/vote-frame.css ***!
- \**********************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(/*! ../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
-// imports
-
-
-// module
-exports.push([module.i, ".vote-frame_frame_2OJUs {\n width: 100%;\n height: 128px;\n border: 0;\n}", ""]);
-
-// exports
-exports.locals = {
- "frame": "vote-frame_frame_2OJUs"
-};
-
-/***/ }),
-
-/***/ "./node_modules/file-loader/dist/cjs.js?name=sw.js!./src/playground/service-worker.js":
-/*!********************************************************************************************!*\
- !*** ./node_modules/file-loader/dist/cjs.js?name=sw.js!./src/playground/service-worker.js ***!
- \********************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__.p + "sw.js";
-
-/***/ }),
-
-/***/ "./node_modules/raw-loader/index.js!./src/lib/default-project/cd21514d0531fdffb22204e0ec5ed84a.svg":
-/*!************************************************************************************************!*\
- !*** ./node_modules/raw-loader!./src/lib/default-project/cd21514d0531fdffb22204e0ec5ed84a.svg ***!
- \************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = "
"
-
-/***/ }),
-
-/***/ "./node_modules/raw-loader/index.js!./src/lib/default-project/penguin.svg":
-/*!***********************************************************************!*\
- !*** ./node_modules/raw-loader!./src/lib/default-project/penguin.svg ***!
- \***********************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = "
\n"
-
-/***/ }),
-
-/***/ "./node_modules/raw-loader/index.js!./src/lib/tw-missing-project/c17163c6954e9422ac2405de4c9d68c8.svg":
-/*!***************************************************************************************************!*\
- !*** ./node_modules/raw-loader!./src/lib/tw-missing-project/c17163c6954e9422ac2405de4c9d68c8.svg ***!
- \***************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = "
"
-
-/***/ }),
-
-/***/ "./node_modules/raw-loader/index.js!./src/lib/tw-theme-dark.css":
-/*!*************************************************************!*\
- !*** ./node_modules/raw-loader!./src/lib/tw-theme-dark.css ***!
- \*************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = "/* GUI */\n:root {\n background: #111;\n color: #eee;\n color-scheme: dark;\n /* see colors.csss */\n --ui-primary: rgb(17, 17, 17);\n --ui-secondary: rgb(30, 30, 30);\n --ui-tertiary: rgb(46, 46, 46);\n --ui-modal-overlay: #333a;\n --ui-black-transparent: rgba(255, 255, 255, 0.15);\n --text-primary: #eee;\n /* scratch-paint */\n --paint-ui-pane-border: var(--ui-black-transparent);\n --paint-text-primary: #eee;\n --paint-form-border: var(--ui-black-transparent);\n}\n\n/* Blockly */\n.blocklySvg {\n background-color: var(--ui-secondary) !important;\n color-scheme: light;\n}\n[id^=\"blocklyGridPattern\"] > line {\n stroke: #484848;\n}\n.blocklyFlyoutBackground {\n fill: #111;\n}\n.blocklyFlyoutLabelText {\n fill: #ccc;\n}\n.blocklyFlyoutButton .blocklyText {\n fill: #ccc;\n}\n.blocklyFlyoutButton:hover {\n fill: #111;\n}\n/* blocklyFlyoutCheckboxPath stroke and blocklyFlyoutCheckbox fill must match */\n.blocklyFlyoutCheckboxPath {\n stroke: #111;\n}\n.blocklyFlyoutCheckbox {\n fill: #111;\n}\n.checked > .blocklyFlyoutCheckbox {\n stroke: #a1c6fa;\n}\n.checked > .blocklyFlyoutCheckboxPath {\n stroke: white;\n}\n.scratchCategoryMenu {\n color: #ccc;\n}\n.blocklyToolboxDiv,\n.scratchCategoryMenu {\n background: #111 !important;\n}\n.blocklyScrollbarHandle {\n fill: #666;\n}\n.blocklyZoom {\n filter: invert(100%);\n}\n.scratchCategoryMenuItem.categorySelected {\n background: var(--ui-secondary);\n}\n.valueReportBox {\n color: black;\n}\n.blocklyWidgetDiv {\n color-scheme: light;\n}\n.blocklyWidgetDiv .goog-menu {\n background: var(--ui-primary);\n border-color: var(--ui-black-transparent);\n}\n.blocklyWidgetDiv .goog-menuitem {\n color: var(--text-primary);\n}\n.blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-content {\n color: #666 !important;\n}\n.sa-blockly-menu-item-border {\n border-top-color: var(--ui-black-transparent) !important;\n}\n.blocklyWidgetDiv .goog-menuitem.goog-menuitem-highlight {\n background-color: var(--ui-tertiary);\n border-color: transparent; /* remove border */\n}\n.scratchCommentText {\n color: black;\n}\n.blocklyInsertionMarker > .blocklyPath {\n fill: #ccc;\n}\n\n/* Other / Multipurpose */\n.Popover {\n /* weird Chrome bug displays white bar above popovers with color-scheme: dark */\n color-scheme: light;\n}\n.Popover-body {\n background: var(--ui-secondary);\n border-color: var(--ui-black-transparent);\n color: var(--text-primary);\n}\n.Popover-tipShape {\n fill: var(--ui-secondary);\n stroke: var(--ui-black-transparent);\n}\n"
-
-/***/ }),
-
-/***/ "./node_modules/slugo/dist/slugo.es.js":
-/*!*********************************************!*\
- !*** ./node_modules/slugo/dist/slugo.es.js ***!
- \*********************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-function index (input) {
- return input // Remove html tags
- .replace(/<(?:.|\n)*?>/gm, '') // Remove special characters
- .replace(/[!\"#$%&'\(\)\*\+,\/:;<=>\?\@\[\\\]\^`\{\|\}~]/g, '') // eslint-disable-line no-useless-escape
- // Replace dots and spaces with a short dash
- .replace(/(\s|\.)/g, '-') // Replace long dash with two short dashes
- .replace(/—/g, '--') // Make the whole thing lowercase
- .toLowerCase();
-}
-
-/* harmony default export */ __webpack_exports__["default"] = (index);
-
-
-/***/ }),
-
-/***/ "./src/addons/channels.js":
-/*!********************************!*\
- !*** ./src/addons/channels.js ***!
- \********************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-let changeChannel;
-let reloadChannel;
-if (typeof BroadcastChannel !== 'undefined') {
- changeChannel = new BroadcastChannel('addons-change');
- reloadChannel = new BroadcastChannel('addons-reload');
-}
-/* harmony default export */ __webpack_exports__["default"] = ({
- changeChannel,
- reloadChannel
-});
-
-/***/ }),
-
-/***/ "./src/addons/entry.js":
-/*!*****************************!*\
- !*** ./src/addons/entry.js ***!
- \*****************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-const runAddons = () => {
- Promise.all(/*! import() | addons */[__webpack_require__.e("addon-settings~addons~editor~fullscreen~player~playground"), __webpack_require__.e("addons")]).then(__webpack_require__.bind(null, /*! ./api */ "./src/addons/api.js"));
-};
-/* harmony default export */ __webpack_exports__["default"] = (runAddons);
-
-/***/ }),
-
-/***/ "./src/addons/hooks.js":
-/*!*****************************!*\
- !*** ./src/addons/hooks.js ***!
- \*****************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-const AddonHooks = {
- appStateReducer: () => {},
- appStateStore: null,
- blockly: null,
- blocklyCallbacks: []
-};
-/* harmony default export */ __webpack_exports__["default"] = (AddonHooks);
-
-/***/ }),
-
-/***/ "./src/components/action-menu/action-menu.css":
-/*!****************************************************!*\
- !*** ./src/components/action-menu/action-menu.css ***!
- \****************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./action-menu.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/action-menu/action-menu.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/action-menu/action-menu.jsx":
-/*!****************************************************!*\
- !*** ./src/components/action-menu/action-menu.jsx ***!
- \****************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var lodash_bindall__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash.bindall */ "./node_modules/lodash.bindall/index.js");
-/* harmony import */ var lodash_bindall__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_bindall__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var react_tooltip__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-tooltip */ "./node_modules/react-tooltip/dist/index.js");
-/* harmony import */ var react_tooltip__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_tooltip__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _action_menu_css__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./action-menu.css */ "./src/components/action-menu/action-menu.css");
-/* harmony import */ var _action_menu_css__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_action_menu_css__WEBPACK_IMPORTED_MODULE_5__);
-
-
-
-
-
-
-const CLOSE_DELAY = 300; // ms
-
-class ActionMenu extends react__WEBPACK_IMPORTED_MODULE_1___default.a.Component {
- constructor(props) {
- super(props);
- lodash_bindall__WEBPACK_IMPORTED_MODULE_3___default()(this, ['clickDelayer', 'handleClosePopover', 'handleToggleOpenState', 'handleTouchStart', 'handleTouchOutside', 'setButtonRef', 'setContainerRef']);
- this.state = {
- isOpen: false,
- forceHide: false
- };
- this.mainTooltipId = "tooltip-".concat(Math.random());
- }
- componentDidMount() {
- // Touch start on the main button is caught to trigger open and not click
- this.buttonRef.addEventListener('touchstart', this.handleTouchStart);
- // Touch start on document is used to trigger close if it is outside
- document.addEventListener('touchstart', this.handleTouchOutside);
- }
- shouldComponentUpdate(newProps, newState) {
- // This check prevents re-rendering while the project is updating.
- // @todo check only the state and the title because it is enough to know
- // if anything substantial has changed
- // This is needed because of the sloppy way the props are passed as a new object,
- // which should be refactored.
- return newState.isOpen !== this.state.isOpen || newState.forceHide !== this.state.forceHide || newProps.title !== this.props.title;
- }
- componentWillUnmount() {
- this.buttonRef.removeEventListener('touchstart', this.handleTouchStart);
- document.removeEventListener('touchstart', this.handleTouchOutside);
- }
- handleClosePopover() {
- this.closeTimeoutId = setTimeout(() => {
- this.setState({
- isOpen: false
- });
- this.closeTimeoutId = null;
- }, CLOSE_DELAY);
- }
- handleToggleOpenState() {
- // Mouse enter back in after timeout was started prevents it from closing.
- if (this.closeTimeoutId) {
- clearTimeout(this.closeTimeoutId);
- this.closeTimeoutId = null;
- } else if (!this.state.isOpen) {
- this.setState({
- isOpen: true,
- forceHide: false
- });
- }
- }
- handleTouchOutside(e) {
- if (this.state.isOpen && !this.containerRef.contains(e.target)) {
- this.setState({
- isOpen: false
- });
- react_tooltip__WEBPACK_IMPORTED_MODULE_4___default.a.hide();
- }
- }
- clickDelayer(fn) {
- // Return a wrapped action that manages the menu closing.
- // @todo we may be able to use react-transition for this in the future
- // for now all this work is to ensure the menu closes BEFORE the
- // (possibly slow) action is started.
- return event => {
- react_tooltip__WEBPACK_IMPORTED_MODULE_4___default.a.hide();
- if (fn) fn(event);
- // Blur the button so it does not keep focus after being clicked
- // This prevents keyboard events from triggering the button
- this.buttonRef.blur();
- this.setState({
- forceHide: true,
- isOpen: false
- }, () => {
- setTimeout(() => this.setState({
- forceHide: false
- }));
- });
- };
- }
- handleTouchStart(e) {
- // Prevent this touch from becoming a click if menu is closed
- if (!this.state.isOpen) {
- e.preventDefault();
- this.handleToggleOpenState();
- }
- }
- setButtonRef(ref) {
- this.buttonRef = ref;
- }
- setContainerRef(ref) {
- this.containerRef = ref;
- }
- render() {
- const {
- className,
- img: mainImg,
- title: mainTitle,
- moreButtons,
- tooltipPlace,
- onClick
- } = this.props;
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_action_menu_css__WEBPACK_IMPORTED_MODULE_5___default.a.menuContainer, className, {
- [_action_menu_css__WEBPACK_IMPORTED_MODULE_5___default.a.expanded]: this.state.isOpen,
- [_action_menu_css__WEBPACK_IMPORTED_MODULE_5___default.a.forceHidden]: this.state.forceHide
- }),
- ref: this.setContainerRef,
- onMouseEnter: this.handleToggleOpenState,
- onMouseLeave: this.handleClosePopover
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- "aria-label": mainTitle,
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_action_menu_css__WEBPACK_IMPORTED_MODULE_5___default.a.button, _action_menu_css__WEBPACK_IMPORTED_MODULE_5___default.a.mainButton),
- "data-for": this.mainTooltipId,
- "data-tip": mainTitle,
- ref: this.setButtonRef,
- onClick: this.clickDelayer(onClick)
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- className: _action_menu_css__WEBPACK_IMPORTED_MODULE_5___default.a.mainIcon,
- draggable: false,
- src: mainImg
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_tooltip__WEBPACK_IMPORTED_MODULE_4___default.a, {
- className: _action_menu_css__WEBPACK_IMPORTED_MODULE_5___default.a.tooltip,
- effect: "solid",
- id: this.mainTooltipId,
- place: tooltipPlace || 'left'
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _action_menu_css__WEBPACK_IMPORTED_MODULE_5___default.a.moreButtonsOuter
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _action_menu_css__WEBPACK_IMPORTED_MODULE_5___default.a.moreButtons
- }, (moreButtons || []).map((_ref, keyId) => {
- let {
- img,
- title,
- onClick: handleClick,
- fileAccept,
- fileChange,
- fileInput,
- fileMultiple
- } = _ref;
- const isComingSoon = !handleClick;
- const hasFileInput = fileInput;
- const tooltipId = "".concat(this.mainTooltipId, "-").concat(title);
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- key: "".concat(tooltipId, "-").concat(keyId)
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- "aria-label": title,
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_action_menu_css__WEBPACK_IMPORTED_MODULE_5___default.a.button, _action_menu_css__WEBPACK_IMPORTED_MODULE_5___default.a.moreButton, {
- [_action_menu_css__WEBPACK_IMPORTED_MODULE_5___default.a.comingSoon]: isComingSoon
- }),
- "data-for": tooltipId,
- "data-tip": title,
- onClick: hasFileInput ? handleClick : this.clickDelayer(handleClick)
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- className: _action_menu_css__WEBPACK_IMPORTED_MODULE_5___default.a.moreIcon,
- draggable: false,
- src: img
- }), hasFileInput ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("input", {
- accept: fileAccept,
- className: _action_menu_css__WEBPACK_IMPORTED_MODULE_5___default.a.fileInput,
- multiple: fileMultiple,
- ref: fileInput,
- type: "file",
- onChange: fileChange
- }) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_tooltip__WEBPACK_IMPORTED_MODULE_4___default.a, {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_action_menu_css__WEBPACK_IMPORTED_MODULE_5___default.a.tooltip, {
- [_action_menu_css__WEBPACK_IMPORTED_MODULE_5___default.a.comingSoonTooltip]: isComingSoon
- }),
- effect: "solid",
- id: tooltipId,
- place: tooltipPlace || 'left'
- }));
- }))));
- }
-}
-ActionMenu.propTypes = {
- className: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,
- img: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,
- moreButtons: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.shape({
- img: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,
- title: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.node.isRequired,
- onClick: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func,
- // Optional, "coming soon" if no callback provided
- fileAccept: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,
- // Optional, only for file upload
- fileChange: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func,
- // Optional, only for file upload
- fileInput: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func,
- // Optional, only for file upload
- fileMultiple: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool // Optional, only for file upload
- })),
- onClick: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- title: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.node.isRequired,
- tooltipPlace: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string
-};
-/* harmony default export */ __webpack_exports__["default"] = (ActionMenu);
-
-/***/ }),
-
-/***/ "./src/components/action-menu/icon--backdrop.svg":
-/*!*******************************************************!*\
- !*** ./src/components/action-menu/icon--backdrop.svg ***!
- \*******************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconBackdrop; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _defs, _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconBackdrop(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg",
- xmlnsXlink: "http://www.w3.org/1999/xlink"
- }, props), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M16.897 3.985h.662a.662.662 0 110 1.324h-.662v.662a.662.662 0 11-1.323 0v-.662h-.662a.662.662 0 010-1.324h.662v-.661a.662.662 0 011.323 0v.661z",
- id: "icon--backdrop_svg__a"
- }))), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- fill: "none",
- fillRule: "evenodd"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- stroke: "#FFF",
- strokeLinecap: "round",
- strokeWidth: 1.5
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M16.144 12.78l-2.458-2.532a.97.97 0 00-1.347-.06L9.295 12.66c-.469.362-1.113.302-1.464-.18l-.293-.363c-.35-.482-1.053-.543-1.463-.18L3.85 13.805h0c0 .852.69 1.543 1.543 1.543h8.81a2 2 0 002-2v-.568h-.059z",
- fill: "#FFF",
- strokeLinejoin: "round"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M16.203 8.18v5.294c0 .974-.79 1.764-1.765 1.764H5.615c-.975 0-1.765-.79-1.765-1.764v-7.06c0-.974.79-1.764 1.765-1.764h7.059"
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", {
- fill: "#FFF",
- xlinkHref: "#icon--backdrop_svg__a"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- stroke: "#FFF",
- strokeWidth: 0.1,
- d: "M16.947 3.935h.612a.712.712 0 110 1.424l-.612-.05v.662a.712.712 0 11-1.423 0l.05-.612h-.662a.712.712 0 110-1.424l.612.05v-.661a.712.712 0 111.423 0v.611z"
- }))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/385aa4b73a425883b4f9e91501a52299.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/action-menu/icon--file-upload.svg":
-/*!**********************************************************!*\
- !*** ./src/components/action-menu/icon--file-upload.svg ***!
- \**********************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconFileUpload; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconFileUpload(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M5.917 6.886L9.64 3.165a.54.54 0 01.777 0l3.721 3.721c.355.355.096.94-.395.94h-1.854L10.784 12.2a.798.798 0 01-.968.573.78.78 0 01-.586-.573L8.126 7.825H6.313c-.491 0-.75-.584-.396-.939zM17 11.602v2.249A3.147 3.147 0 0113.865 17H6.149A3.15 3.15 0 013 13.851v-2.25c0-.572.463-1.022 1.022-1.022.56 0 1.023.45 1.023 1.023v2.249c0 .6.49 1.104 1.104 1.104h7.716c.6 0 1.09-.504 1.09-1.104v-2.25c0-.572.464-1.022 1.023-1.022.572 0 1.022.45 1.022 1.023z",
- fill: "#FFF",
- fillRule: "evenodd"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/e587d9d7e9a2f1f28041ba5c15db7a40.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/action-menu/icon--paint.svg":
-/*!****************************************************!*\
- !*** ./src/components/action-menu/icon--paint.svg ***!
- \****************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconPaint; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconPaint(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M16.2 6.587c-.658 1.355-1.634 2.918-2.554 4.077-.771.976-1.39 1.548-1.98 1.827a.385.385 0 01-.22.057.448.448 0 01-.178-.043.487.487 0 01-.289-.264 2.448 2.448 0 00-.713-.95 2.928 2.928 0 00-1.085-.517.484.484 0 01-.318-.237.55.55 0 01-.068-.39c.164-.642.59-1.395 1.332-2.33 1.458-1.872 4.37-4.648 5.784-4.803.385-.056.605.07.742.181.359.307.716.979-.453 3.392zm-5.935 7.412a2.595 2.595 0 01-.523 1.926c-.37.487-.892.824-1.482.963a.252.252 0 01-.097.028l-.138.014c-.26.042-.507.07-.756.07-1.977 0-3.366-1.341-3.914-2.22-.208-.348-.522-.99-.248-1.395.07-.098.26-.307.672-.223 1.306.279 1.773-.307 1.856-.42a2.59 2.59 0 013.64-.502c.55.433.907 1.061.99 1.759z",
- fill: "#FFF",
- fillRule: "evenodd"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/94b06fb716871f81bec601724e29a457.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/action-menu/icon--search.svg":
-/*!*****************************************************!*\
- !*** ./src/components/action-menu/icon--search.svg ***!
- \*****************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconSearch; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconSearch(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M9.09 5.282a3.816 3.816 0 013.804 3.806c0 2.1-1.72 3.805-3.805 3.805a3.807 3.807 0 01-3.805-3.805c0-2.1 1.705-3.806 3.805-3.806m7.579 9.772l-2.122-2.123c-.245-.246-.279-.62-.111-.925.852-1.579 1.06-3.593.144-5.568a5.949 5.949 0 00-3.867-3.229 6.104 6.104 0 00-7.61 7.017c.403 2.223 2.101 4.093 4.273 4.708a6.08 6.08 0 004.617-.5.778.778 0 01.928.11l2.136 2.124c.213.228.502.335.807.335.289 0 .578-.107.805-.335a1.146 1.146 0 000-1.614",
- fill: "#FFF",
- fillRule: "evenodd"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/551aae506dfa65ce3b45713b5300a678.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/action-menu/icon--sprite.svg":
-/*!*****************************************************!*\
- !*** ./src/components/action-menu/icon--sprite.svg ***!
- \*****************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconSprite; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _mask, _rect, _path, _path2;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconSprite(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 28,
- height: 28,
- fill: "none",
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _mask || (_mask = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("mask", {
- id: "icon--sprite_svg__a"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M10.083 15.581l.346-1.694.052.571v1.136c0 .222-.02.443-.06.661l-.252 1.386-.437 1.396a3.694 3.694 0 01-.255.614l-.804 1.531a3.694 3.694 0 01-.389.594l-.677.844a2.416 2.416 0 01-.569.52l-.078.051-.449.204.143.49a3.062 3.062 0 00.759.8l.166.121a3.694 3.694 0 001.928.702l.915.062a3.694 3.694 0 00.832-.037l1.29-.205a3.657 3.657 0 001.243-.439l.215-.123A2.813 2.813 0 0015.1 23.62l.398-.857.277-.796.381-1.143.277-1.122.173-1.081.087-1.204-.052-1.163-.087-.959-.346-1.571-.433-1.306-.692-1.591-.519-.877-.208-.388.035-.49.225-.51.433-.551.606-.531.588-.204.831-.041 1.211-.122.554-.163v-.102l-.242-.306-.467-.286-1.125-.265-.865-.061-.536-.122-.294-.143-.294-.53-.415-.551-.519-.49-.779-.347-1.057-.164-.986.163-.64.224-.709.571-.744 1.163-.294 1.02-.069 1.163-.052.592-.329 1.102-.675 1.347-.917 1.918-.9 2.836-.277 1.061-.312 2.591-.173 2.326-.208 1.143-.122.47a1.677 1.677 0 00.602-.112l.072-.028a2.094 2.094 0 00.755-.5l1.165-1.206a3.694 3.694 0 00.61-.842l.969-1.837a3.694 3.694 0 00.252-.602z",
- fill: "#fff"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- fill: "#000",
- d: "M14.037 6.483a.739.72 0 01-.739.72.739.72 0 01-.739-.72.739.72 0 011.478 0z"
- }))), _rect || (_rect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
- width: "100%",
- height: "100%",
- fill: "#fff",
- mask: "url(#icon--sprite_svg__a)"
- })), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M7.269 24.495l-.308-.189-.164 1.847h3.879l-1.006-.399-.164-.483-.575-.084-.985-.294zm5.099.521l-.346.037-.164 1.1h3.879l-1.006-.394-.342-1.527-.592.368-.79.308z",
- fill: "#fff"
- })), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M21.794 3.879V7.13m-1.625-1.625h3.251",
- stroke: "#fff",
- strokeWidth: 1.071,
- strokeLinecap: "round"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/91f179b258bd0c1953f8fe6129d9615f.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/action-menu/icon--surprise.svg":
-/*!*******************************************************!*\
- !*** ./src/components/action-menu/icon--surprise.svg ***!
- \*******************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconSurprise; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconSurprise(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M6.994 8.653a2.348 2.348 0 001.66-1.66l.494-1.84c.235-.87 1.47-.87 1.704 0l.496 1.84c.217.81.85 1.443 1.658 1.66l1.841.495c.87.235.87 1.47 0 1.705l-1.84.495c-.81.217-1.442.85-1.659 1.658l-.496 1.841c-.234.87-1.469.87-1.704 0l-.495-1.84a2.348 2.348 0 00-1.66-1.659l-1.84-.495c-.87-.235-.87-1.47 0-1.705l1.84-.495zM3.906 14.51a.856.856 0 00.604-.604l.18-.669c.084-.316.533-.316.62 0l.179.67c.08.294.309.523.603.603l.671.18c.316.084.316.533 0 .62l-.67.179a.858.858 0 00-.604.603l-.18.67c-.086.317-.535.317-.619 0l-.18-.67a.856.856 0 00-.604-.603l-.669-.18c-.316-.086-.316-.535 0-.619l.67-.18zm10-10a.852.852 0 00.603-.604l.182-.669c.084-.316.533-.316.618 0l.18.67c.08.294.31.522.605.602l.669.182c.316.084.316.533 0 .618l-.67.18a.854.854 0 00-.604.603l-.18.67c-.085.317-.534.317-.618 0l-.182-.67a.852.852 0 00-.603-.603l-.669-.18c-.316-.085-.316-.534 0-.618l.67-.182zM5.75 5.75a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM16 14.25a1.25 1.25 0 11-2.499.001A1.25 1.25 0 0116 14.25z",
- fill: "#FFF",
- fillRule: "evenodd"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/301439e2e5ab88b658368ee525e6752b.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/alerts/alert.css":
-/*!*****************************************!*\
- !*** ./src/components/alerts/alert.css ***!
- \*****************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./alert.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/alerts/alert.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/alerts/alert.jsx":
-/*!*****************************************!*\
- !*** ./src/components/alerts/alert.jsx ***!
- \*****************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/index.es.js");
-/* harmony import */ var _box_box_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../box/box.jsx */ "./src/components/box/box.jsx");
-/* harmony import */ var _close_button_close_button_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../close-button/close-button.jsx */ "./src/components/close-button/close-button.jsx");
-/* harmony import */ var _spinner_spinner_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../spinner/spinner.jsx */ "./src/components/spinner/spinner.jsx");
-/* harmony import */ var _lib_alerts_index_jsx__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../lib/alerts/index.jsx */ "./src/lib/alerts/index.jsx");
-/* harmony import */ var _alert_css__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./alert.css */ "./src/components/alerts/alert.css");
-/* harmony import */ var _alert_css__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_alert_css__WEBPACK_IMPORTED_MODULE_8__);
-
-
-
-
-
-
-
-
-
-const closeButtonColors = {
- [_lib_alerts_index_jsx__WEBPACK_IMPORTED_MODULE_7__["AlertLevels"].SUCCESS]: _close_button_close_button_jsx__WEBPACK_IMPORTED_MODULE_5__["default"].COLOR_GREEN,
- [_lib_alerts_index_jsx__WEBPACK_IMPORTED_MODULE_7__["AlertLevels"].WARN]: _close_button_close_button_jsx__WEBPACK_IMPORTED_MODULE_5__["default"].COLOR_ORANGE
-};
-const AlertComponent = _ref => {
- let {
- content,
- closeButton,
- extensionName,
- iconSpinner,
- iconURL,
- level,
- showDownload,
- showSaveNow,
- onCloseAlert,
- onDownload,
- onSaveNow,
- onReconnect,
- showReconnect
- } = _ref;
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_alert_css__WEBPACK_IMPORTED_MODULE_8___default.a.alert, _alert_css__WEBPACK_IMPORTED_MODULE_8___default.a[level])
- }, (iconSpinner || iconURL) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
- className: _alert_css__WEBPACK_IMPORTED_MODULE_8___default.a.iconSection
- }, iconSpinner && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_spinner_spinner_jsx__WEBPACK_IMPORTED_MODULE_6__["default"], {
- className: _alert_css__WEBPACK_IMPORTED_MODULE_8___default.a.alertSpinner,
- level: level
- }), iconURL && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("img", {
- className: _alert_css__WEBPACK_IMPORTED_MODULE_8___default.a.alertIcon,
- src: iconURL
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
- className: _alert_css__WEBPACK_IMPORTED_MODULE_8___default.a.alertMessage
- }, extensionName ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_3__["FormattedMessage"], {
- defaultMessage: "Lost connection to {extensionName}.",
- id: "tw.alerts.lostPeripheralConnection",
- values: {
- extensionName: "".concat(extensionName)
- }
- }) : content), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
- className: _alert_css__WEBPACK_IMPORTED_MODULE_8___default.a.alertButtons
- }, showSaveNow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", {
- className: _alert_css__WEBPACK_IMPORTED_MODULE_8___default.a.alertConnectionButton,
- onClick: onSaveNow
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_3__["FormattedMessage"], {
- defaultMessage: "Try Again",
- id: "gui.alerts.tryAgain"
- })), showDownload && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", {
- className: _alert_css__WEBPACK_IMPORTED_MODULE_8___default.a.alertConnectionButton,
- onClick: onDownload
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_3__["FormattedMessage"], {
- defaultMessage: "Download",
- id: "gui.alerts.download"
- })), showReconnect && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", {
- className: _alert_css__WEBPACK_IMPORTED_MODULE_8___default.a.alertConnectionButton,
- onClick: onReconnect
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_3__["FormattedMessage"], {
- defaultMessage: "Reconnect",
- id: "gui.connection.reconnect"
- })), closeButton && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: _alert_css__WEBPACK_IMPORTED_MODULE_8___default.a.alertCloseButtonContainer
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_close_button_close_button_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_alert_css__WEBPACK_IMPORTED_MODULE_8___default.a.alertCloseButton),
- color: closeButtonColors[level],
- size: _close_button_close_button_jsx__WEBPACK_IMPORTED_MODULE_5__["default"].SIZE_LARGE,
- onClick: onCloseAlert
- }))));
-};
-AlertComponent.propTypes = {
- closeButton: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- content: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.element, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
- extensionName: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- iconSpinner: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- iconURL: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- level: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- onCloseAlert: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
- onDownload: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
- onReconnect: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
- onSaveNow: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
- showDownload: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- showReconnect: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- showSaveNow: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool
-};
-AlertComponent.defaultProps = {
- level: _lib_alerts_index_jsx__WEBPACK_IMPORTED_MODULE_7__["AlertLevels"].WARN
-};
-/* harmony default export */ __webpack_exports__["default"] = (AlertComponent);
-
-/***/ }),
-
-/***/ "./src/components/alerts/alerts.css":
-/*!******************************************!*\
- !*** ./src/components/alerts/alerts.css ***!
- \******************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./alerts.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/alerts/alerts.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/alerts/alerts.jsx":
-/*!******************************************!*\
- !*** ./src/components/alerts/alerts.jsx ***!
- \******************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _box_box_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../box/box.jsx */ "./src/components/box/box.jsx");
-/* harmony import */ var _containers_alert_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../containers/alert.jsx */ "./src/containers/alert.jsx");
-/* harmony import */ var _alerts_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./alerts.css */ "./src/components/alerts/alerts.css");
-/* harmony import */ var _alerts_css__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_alerts_css__WEBPACK_IMPORTED_MODULE_4__);
-
-
-
-
-
-const AlertsComponent = _ref => {
- let {
- alertsList,
- className,
- onCloseAlert
- } = _ref;
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
- bounds: "parent",
- className: className
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
- className: _alerts_css__WEBPACK_IMPORTED_MODULE_4___default.a.alertsInnerContainer
- }, alertsList.map((a, index) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_containers_alert_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- closeButton: a.closeButton,
- content: a.content,
- extensionId: a.extensionId,
- extensionName: a.extensionName,
- iconSpinner: a.iconSpinner,
- iconURL: a.iconURL,
- index: index,
- key: index,
- level: a.level,
- message: a.message,
- showDownload: a.showDownload,
- showReconnect: a.showReconnect,
- showSaveNow: a.showSaveNow,
- onCloseAlert: onCloseAlert
- }))));
-};
-AlertsComponent.propTypes = {
- alertsList: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object),
- className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- onCloseAlert: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func
-};
-/* harmony default export */ __webpack_exports__["default"] = (AlertsComponent);
-
-/***/ }),
-
-/***/ "./src/components/alerts/inline-message.css":
-/*!**************************************************!*\
- !*** ./src/components/alerts/inline-message.css ***!
- \**************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./inline-message.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/alerts/inline-message.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/alerts/inline-message.jsx":
-/*!**************************************************!*\
- !*** ./src/components/alerts/inline-message.jsx ***!
- \**************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _spinner_spinner_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../spinner/spinner.jsx */ "./src/components/spinner/spinner.jsx");
-/* harmony import */ var _lib_alerts_index_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../lib/alerts/index.jsx */ "./src/lib/alerts/index.jsx");
-/* harmony import */ var _inline_message_css__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./inline-message.css */ "./src/components/alerts/inline-message.css");
-/* harmony import */ var _inline_message_css__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_inline_message_css__WEBPACK_IMPORTED_MODULE_5__);
-
-
-
-
-
-
-const InlineMessageComponent = _ref => {
- let {
- content,
- iconSpinner,
- level
- } = _ref;
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_inline_message_css__WEBPACK_IMPORTED_MODULE_5___default.a.inlineMessage, _inline_message_css__WEBPACK_IMPORTED_MODULE_5___default.a[level])
- }, iconSpinner && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_spinner_spinner_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- small: true,
- className: _inline_message_css__WEBPACK_IMPORTED_MODULE_5___default.a.spinner,
- level: 'info'
- }), content);
-};
-InlineMessageComponent.propTypes = {
- content: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.element,
- iconSpinner: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- level: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string
-};
-InlineMessageComponent.defaultProps = {
- level: _lib_alerts_index_jsx__WEBPACK_IMPORTED_MODULE_4__["AlertLevels"].INFO
-};
-/* harmony default export */ __webpack_exports__["default"] = (InlineMessageComponent);
-
-/***/ }),
-
-/***/ "./src/components/asset-panel/asset-panel.css":
-/*!****************************************************!*\
- !*** ./src/components/asset-panel/asset-panel.css ***!
- \****************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./asset-panel.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/asset-panel/asset-panel.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/asset-panel/asset-panel.jsx":
-/*!****************************************************!*\
- !*** ./src/components/asset-panel/asset-panel.jsx ***!
- \****************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _box_box_jsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../box/box.jsx */ "./src/components/box/box.jsx");
-/* harmony import */ var _selector_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./selector.jsx */ "./src/components/asset-panel/selector.jsx");
-/* harmony import */ var _asset_panel_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./asset-panel.css */ "./src/components/asset-panel/asset-panel.css");
-/* harmony import */ var _asset_panel_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_asset_panel_css__WEBPACK_IMPORTED_MODULE_3__);
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-
-
-
-const AssetPanel = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_1__["default"], {
- className: _asset_panel_css__WEBPACK_IMPORTED_MODULE_3___default.a.wrapper
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_selector_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], _extends({
- className: _asset_panel_css__WEBPACK_IMPORTED_MODULE_3___default.a.selector
-}, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_1__["default"], {
- className: _asset_panel_css__WEBPACK_IMPORTED_MODULE_3___default.a.detailArea
-}, props.children));
-AssetPanel.propTypes = _objectSpread({}, _selector_jsx__WEBPACK_IMPORTED_MODULE_2__["default"].propTypes);
-/* harmony default export */ __webpack_exports__["default"] = (AssetPanel);
-
-/***/ }),
-
-/***/ "./src/components/asset-panel/icon--add-backdrop-lib.svg":
-/*!***************************************************************!*\
- !*** ./src/components/asset-panel/icon--add-backdrop-lib.svg ***!
- \***************************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconAddBackdropLib; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _defs, _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconAddBackdropLib(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg",
- xmlnsXlink: "http://www.w3.org/1999/xlink"
- }, props), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M16.897 3.985h.662a.662.662 0 110 1.324h-.662v.662a.662.662 0 11-1.323 0v-.662h-.662a.662.662 0 010-1.324h.662v-.661a.662.662 0 011.323 0v.661z",
- id: "icon--add-backdrop-lib_svg__a"
- }))), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- fill: "none",
- fillRule: "evenodd"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- stroke: "#FFF",
- strokeLinecap: "round",
- strokeWidth: 1.5
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M16.144 12.78l-2.458-2.532a.97.97 0 00-1.347-.06L9.295 12.66c-.469.362-1.113.302-1.464-.18l-.293-.363c-.35-.482-1.053-.543-1.463-.18L3.85 13.805h0c0 .852.69 1.543 1.543 1.543h8.81a2 2 0 002-2v-.568h-.059z",
- fill: "#FFF",
- strokeLinejoin: "round"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M16.203 8.18v5.294c0 .974-.79 1.764-1.765 1.764H5.615c-.975 0-1.765-.79-1.765-1.764v-7.06c0-.974.79-1.764 1.765-1.764h7.059"
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", {
- fill: "#FFF",
- xlinkHref: "#icon--add-backdrop-lib_svg__a"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- stroke: "#FFF",
- strokeWidth: 0.1,
- d: "M16.947 3.935h.612a.712.712 0 110 1.424l-.612-.05v.662a.712.712 0 11-1.423 0l.05-.612h-.662a.712.712 0 110-1.424l.612.05v-.661a.712.712 0 111.423 0v.611z"
- }))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/44e4859e354c81d66c73f741df2e5ec7.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/asset-panel/icon--add-costume-lib.svg":
-/*!**************************************************************!*\
- !*** ./src/components/asset-panel/icon--add-costume-lib.svg ***!
- \**************************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconAddCostumeLib; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _mask, _rect, _path, _path2;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconAddCostumeLib(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 28,
- height: 28,
- fill: "none",
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _mask || (_mask = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("mask", {
- id: "icon--add-costume-lib_svg__a"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M10.083 15.581l.346-1.694.052.571v1.136c0 .222-.02.443-.06.661l-.252 1.386-.437 1.396a3.694 3.694 0 01-.255.614l-.804 1.531a3.694 3.694 0 01-.389.594l-.677.844a2.416 2.416 0 01-.569.52l-.078.051-.449.204.143.49a3.062 3.062 0 00.759.8l.166.121a3.694 3.694 0 001.928.702l.915.062a3.694 3.694 0 00.832-.037l1.29-.205a3.657 3.657 0 001.243-.439l.215-.123A2.813 2.813 0 0015.1 23.62l.398-.857.277-.796.381-1.143.277-1.122.173-1.081.087-1.204-.052-1.163-.087-.959-.346-1.571-.433-1.306-.692-1.591-.519-.877-.208-.388.035-.49.225-.51.433-.551.606-.531.588-.204.831-.041 1.211-.122.554-.163v-.102l-.242-.306-.467-.286-1.125-.265-.865-.061-.536-.122-.294-.143-.294-.53-.415-.551-.519-.49-.779-.347-1.057-.164-.986.163-.64.224-.709.571-.744 1.163-.294 1.02-.069 1.163-.052.592-.329 1.102-.675 1.347-.917 1.918-.9 2.836-.277 1.061-.312 2.591-.173 2.326-.208 1.143-.122.47a1.677 1.677 0 00.602-.112l.072-.028a2.094 2.094 0 00.755-.5l1.165-1.206a3.694 3.694 0 00.61-.842l.969-1.837a3.694 3.694 0 00.252-.602z",
- fill: "#fff"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- fill: "#000",
- d: "M14.037 6.483a.739.72 0 01-.739.72.739.72 0 01-.739-.72.739.72 0 011.478 0z"
- }))), _rect || (_rect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
- width: "100%",
- height: "100%",
- fill: "#fff",
- mask: "url(#icon--add-costume-lib_svg__a)"
- })), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M7.269 24.495l-.308-.189-.164 1.847h3.879l-1.006-.399-.164-.483-.575-.084-.985-.294zm5.099.521l-.346.037-.164 1.1h3.879l-1.006-.394-.342-1.527-.592.368-.79.308z",
- fill: "#fff"
- })), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M21.794 3.879V7.13m-1.625-1.625h3.251",
- stroke: "#fff",
- strokeWidth: 1.071,
- strokeLinecap: "round"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/91f179b258bd0c1953f8fe6129d9615f.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/asset-panel/icon--add-sound-lib.svg":
-/*!************************************************************!*\
- !*** ./src/components/asset-panel/icon--add-sound-lib.svg ***!
- \************************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconAddSoundLib; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconAddSoundLib(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M17.75 3.25h.75a.75.75 0 110 1.5h-.75v.75a.75.75 0 11-1.5 0v-.75h-.75a.75.75 0 110-1.5h.75V2.5a.75.75 0 111.5 0v.75zm-5.12 10.387a.886.886 0 01-.755-1.333 2.569 2.569 0 000-2.6.888.888 0 01.31-1.213.878.878 0 011.204.311 4.346 4.346 0 010 4.401.875.875 0 01-.758.434zm2.627 1.418a.886.886 0 01-.755-1.333 5.367 5.367 0 000-5.437.888.888 0 01.309-1.212.88.88 0 011.204.31 7.138 7.138 0 010 7.238.877.877 0 01-.758.434zM10.379 6.68v8.641c0 1.024-1.207 1.56-1.96.87l-1.624-1.492a3.112 3.112 0 00-2.104-.82h-.284A1.41 1.41 0 013 12.464V9.55c0-.781.63-1.414 1.407-1.414h.268c.78 0 1.529-.293 2.104-.82L8.42 5.81c.753-.69 1.96-.154 1.96.869z",
- fill: "#FFF",
- fillRule: "evenodd"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/9cfdd378e4cc977fe663ca932e530ec6.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/asset-panel/icon--add-sound-record.svg":
-/*!***************************************************************!*\
- !*** ./src/components/asset-panel/icon--add-sound-record.svg ***!
- \***************************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconAddSoundRecord; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconAddSoundRecord(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M15.937 11.148a6.451 6.451 0 01-5.165 3.961v2.105a.772.772 0 01-.775.786.772.772 0 01-.776-.786V15.11a6.495 6.495 0 01-5.164-3.93c-.156-.392.017-.864.418-1.02a.747.747 0 011.008.408c.776 1.823 2.544 3.018 4.514 3.018a4.88 4.88 0 004.513-3.051.781.781 0 011.023-.407.783.783 0 01.404 1.021zM7.282 8.647v-3.96C7.282 3.196 8.47 2 9.913 2c1.459 0 2.632 1.197 2.632 2.686v3.96c0 1.475-1.173 2.687-2.632 2.687-1.443 0-2.63-1.212-2.63-2.686z",
- fill: "#FFF",
- fillRule: "evenodd"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/35c6867250ec4f430624bc9e2e7072d7.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/asset-panel/icon--files-placeholder.svg":
-/*!****************************************************************!*\
- !*** ./src/components/asset-panel/icon--files-placeholder.svg ***!
- \****************************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconFilesPlaceholder; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _defs, _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconFilesPlaceholder(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg",
- xmlnsXlink: "http://www.w3.org/1999/xlink"
- }, props), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M16.897 3.985h.662a.662.662 0 110 1.324h-.662v.662a.662.662 0 11-1.323 0v-.662h-.662a.662.662 0 010-1.324h.662v-.661a.662.662 0 011.323 0v.661z",
- id: "icon--files-placeholder_svg__a"
- }))), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- fill: "none",
- fillRule: "evenodd"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- stroke: "#FFF",
- strokeLinecap: "round",
- strokeWidth: 1.5
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M16.144 12.78l-2.458-2.532a.97.97 0 00-1.347-.06L9.295 12.66c-.469.362-1.113.302-1.464-.18l-.293-.363c-.35-.482-1.053-.543-1.463-.18L3.85 13.805h0c0 .852.69 1.543 1.543 1.543h8.81a2 2 0 002-2v-.568h-.059z",
- fill: "#FFF",
- strokeLinejoin: "round"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M16.203 8.18v5.294c0 .974-.79 1.764-1.765 1.764H5.615c-.975 0-1.765-.79-1.765-1.764v-7.06c0-.974.79-1.764 1.765-1.764h7.059"
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", {
- fill: "#FFF",
- xlinkHref: "#icon--files-placeholder_svg__a"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- stroke: "#FFF",
- strokeWidth: 0.1,
- d: "M16.947 3.935h.612a.712.712 0 110 1.424l-.612-.05v.662a.712.712 0 11-1.423 0l.05-.612h-.662a.712.712 0 110-1.424l.612.05v-.661a.712.712 0 111.423 0v.611z"
- }))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/44e4859e354c81d66c73f741df2e5ec7.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/asset-panel/icon--sound-rtl.svg":
-/*!********************************************************!*\
- !*** ./src/components/asset-panel/icon--sound-rtl.svg ***!
- \********************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconSoundRtl; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _defs, _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconSoundRtl(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 100,
- height: 100,
- xmlns: "http://www.w3.org/2000/svg",
- xmlnsXlink: "http://www.w3.org/1999/xlink"
- }, props), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M63.154 65.686a4.37 4.37 0 01-2.23-.615 4.431 4.431 0 01-1.547-6.053 12.844 12.844 0 000-13.002 4.438 4.438 0 011.548-6.06c2.11-1.23 4.796-.537 6.02 1.556a21.731 21.731 0 010 22.003 4.375 4.375 0 01-3.791 2.17zm13.13 7.09a4.351 4.351 0 01-2.23-.615 4.431 4.431 0 01-1.547-6.052 26.835 26.835 0 000-27.185 4.44 4.44 0 011.547-6.06 4.404 4.404 0 016.02 1.556 35.69 35.69 0 010 36.186 4.383 4.383 0 01-3.79 2.17zM51.892 30.894V74.1c0 5.12-6.034 7.799-9.797 4.349l-8.122-7.46a15.561 15.561 0 00-10.52-4.1h-1.421c-3.882 0-7.033-3.161-7.033-7.071V45.253c0-3.903 3.15-7.07 7.033-7.07h1.343c3.896 0 7.644-1.464 10.52-4.101l8.2-7.53c3.763-3.45 9.797-.771 9.797 4.34z",
- id: "icon--sound-rtl_svg__a"
- }))), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- transform: "matrix(-1 0 0 1 100 0)",
- fill: "none",
- fillRule: "evenodd"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("mask", {
- id: "icon--sound-rtl_svg__b",
- fill: "#fff"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", {
- xlinkHref: "#icon--sound-rtl_svg__a"
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", {
- fill: "#575E75",
- xlinkHref: "#icon--sound-rtl_svg__a"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- mask: "url(#icon--sound-rtl_svg__b)",
- fill: "#575E75"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M0 0h100v100H0z"
- })))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/3c3142e814ff1652338af92a410d3d70.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/asset-panel/icon--sound.svg":
-/*!****************************************************!*\
- !*** ./src/components/asset-panel/icon--sound.svg ***!
- \****************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconSound; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconSound(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 100,
- height: 100,
- viewBox: "0 0 20 20",
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M12.479 12.667a1.02 1.02 0 01-.486-.123c-.456-.248-.607-.788-.338-1.206.514-.8.514-1.793 0-2.592-.27-.42-.118-.96.338-1.208.46-.245 1.045-.107 1.312.31a4.015 4.015 0 010 4.386.974.974 0 01-.826.433zm2.902 1.166a.804.804 0 01-.414-.115.833.833 0 01-.288-1.133 5.055 5.055 0 000-5.088.834.834 0 01.288-1.134.815.815 0 011.118.291 6.723 6.723 0 010 6.773.813.813 0 01-.704.406zm-5.077-8.208v8.249c0 .977-1.194 1.489-1.94.83L6.758 13.28a3.145 3.145 0 00-2.083-.783h-.282c-.768 0-1.392-.603-1.392-1.35v-2.78c0-.746.624-1.35 1.392-1.35h.266c.772 0 1.514-.28 2.083-.783l1.624-1.438c.745-.658 1.94-.147 1.94.829z",
- fill: "#575E75",
- fillRule: "evenodd"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/63e5827c1506216bd7c9927a4e5eb558.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/asset-panel/nord.png":
-/*!*********************************************!*\
- !*** ./src/components/asset-panel/nord.png ***!
- \*********************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__.p + "static/assets/18dada8a9aabcfc157e051d2e33aa7fd.png";
-
-/***/ }),
-
-/***/ "./src/components/asset-panel/selector.css":
-/*!*************************************************!*\
- !*** ./src/components/asset-panel/selector.css ***!
- \*************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./selector.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/asset-panel/selector.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/asset-panel/selector.jsx":
-/*!*************************************************!*\
- !*** ./src/components/asset-panel/selector.jsx ***!
- \*************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _containers_sprite_selector_item_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../containers/sprite-selector-item.jsx */ "./src/containers/sprite-selector-item.jsx");
-/* harmony import */ var _box_box_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../box/box.jsx */ "./src/components/box/box.jsx");
-/* harmony import */ var _action_menu_action_menu_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../action-menu/action-menu.jsx */ "./src/components/action-menu/action-menu.jsx");
-/* harmony import */ var _sortable_asset_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./sortable-asset.jsx */ "./src/components/asset-panel/sortable-asset.jsx");
-/* harmony import */ var _lib_sortable_hoc_jsx__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../lib/sortable-hoc.jsx */ "./src/lib/sortable-hoc.jsx");
-/* harmony import */ var _lib_drag_constants__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../lib/drag-constants */ "./src/lib/drag-constants.js");
-/* harmony import */ var _selector_css__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./selector.css */ "./src/components/asset-panel/selector.css");
-/* harmony import */ var _selector_css__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_selector_css__WEBPACK_IMPORTED_MODULE_9__);
-
-
-
-
-
-
-
-
-
-
-const Selector = props => {
- const {
- buttons,
- containerRef,
- dragType,
- isRtl,
- items,
- selectedItemIndex,
- draggingIndex,
- draggingType,
- ordering,
- onAddSortable,
- onRemoveSortable,
- onDeleteClick,
- onDuplicateClick,
- onExportClick,
- onItemClick
- } = props;
- const isRelevantDrag = draggingType === dragType;
- let newButtonSection = null;
- if (buttons.length > 0) {
- const {
- img,
- title,
- onClick
- } = buttons[0];
- const moreButtons = buttons.slice(1);
- newButtonSection = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: _selector_css__WEBPACK_IMPORTED_MODULE_9___default.a.newButtons
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_action_menu_action_menu_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
- img: img,
- moreButtons: moreButtons,
- title: title,
- tooltipPlace: isRtl ? 'left' : 'right',
- onClick: onClick
- }));
- }
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: _selector_css__WEBPACK_IMPORTED_MODULE_9___default.a.wrapper,
- componentRef: containerRef
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: _selector_css__WEBPACK_IMPORTED_MODULE_9___default.a.listArea
- }, items.map((item, index) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_sortable_asset_jsx__WEBPACK_IMPORTED_MODULE_6__["default"], {
- id: item.name,
- index: isRelevantDrag ? ordering.indexOf(index) : index,
- key: item.name,
- onAddSortable: onAddSortable,
- onRemoveSortable: onRemoveSortable
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_containers_sprite_selector_item_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- asset: item.asset,
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_selector_css__WEBPACK_IMPORTED_MODULE_9___default.a.listItem, {
- [_selector_css__WEBPACK_IMPORTED_MODULE_9___default.a.placeholder]: isRelevantDrag && index === draggingIndex
- }),
- costumeURL: item.url,
- details: item.details,
- dragPayload: item.dragPayload,
- dragType: dragType,
- id: index,
- index: index,
- name: item.name,
- number: index + 1 /* 1-indexed */,
- selected: index === selectedItemIndex,
- onClick: onItemClick,
- onDeleteButtonClick: onDeleteClick,
- onDuplicateButtonClick: onDuplicateClick,
- onExportButtonClick: onExportClick
- })))), newButtonSection);
-};
-Selector.propTypes = {
- buttons: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.shape({
- title: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string.isRequired,
- img: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string.isRequired,
- onClick: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func
- })),
- containerRef: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func,
- dragType: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.oneOf(Object.keys(_lib_drag_constants__WEBPACK_IMPORTED_MODULE_8__["default"])),
- draggingIndex: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number,
- draggingType: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.oneOf(Object.keys(_lib_drag_constants__WEBPACK_IMPORTED_MODULE_8__["default"])),
- isRtl: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool,
- items: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.shape({
- url: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,
- // eslint-disable-next-line react/forbid-prop-types
- name: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.any
- })),
- onAddSortable: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func,
- onDeleteClick: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func,
- onDuplicateClick: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func,
- onExportClick: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func,
- onItemClick: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- onRemoveSortable: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func,
- ordering: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number),
- selectedItemIndex: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number.isRequired
-};
-/* harmony default export */ __webpack_exports__["default"] = (Object(_lib_sortable_hoc_jsx__WEBPACK_IMPORTED_MODULE_7__["default"])(Selector));
-
-/***/ }),
-
-/***/ "./src/components/asset-panel/sortable-asset.jsx":
-/*!*******************************************************!*\
- !*** ./src/components/asset-panel/sortable-asset.jsx ***!
- \*******************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var lodash_bindall__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash.bindall */ "./node_modules/lodash.bindall/index.js");
-/* harmony import */ var lodash_bindall__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_bindall__WEBPACK_IMPORTED_MODULE_2__);
-
-
-
-class SortableAsset extends react__WEBPACK_IMPORTED_MODULE_0___default.a.Component {
- constructor(props) {
- super(props);
- lodash_bindall__WEBPACK_IMPORTED_MODULE_2___default()(this, ['setRef']);
- }
- componentDidMount() {
- this.props.onAddSortable(this.ref);
- }
- componentWillUnmount() {
- this.props.onRemoveSortable(this.ref);
- }
- setRef(ref) {
- this.ref = ref;
- }
- render() {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
- className: this.props.className,
- ref: this.setRef,
- style: {
- order: this.props.index
- }
- }, this.props.children);
- }
-}
-SortableAsset.propTypes = {
- children: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node.isRequired,
- className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- index: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number.isRequired,
- onAddSortable: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
- onRemoveSortable: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired
-};
-/* harmony default export */ __webpack_exports__["default"] = (SortableAsset);
-
-/***/ }),
-
-/***/ "./src/components/audio-trimmer/audio-selector.jsx":
-/*!*********************************************************!*\
- !*** ./src/components/audio-trimmer/audio-selector.jsx ***!
- \*********************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _box_box_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../box/box.jsx */ "./src/components/box/box.jsx");
-/* harmony import */ var _audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./audio-trimmer.css */ "./src/components/audio-trimmer/audio-trimmer.css");
-/* harmony import */ var _audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _selection_handle_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./selection-handle.jsx */ "./src/components/audio-trimmer/selection-handle.jsx");
-/* harmony import */ var _playhead_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./playhead.jsx */ "./src/components/audio-trimmer/playhead.jsx");
-
-
-
-
-
-
-
-const AudioSelector = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default.a.absolute, _audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default.a.selector),
- ref: props.containerRef,
- onMouseDown: props.onNewSelectionMouseDown,
- onTouchStart: props.onNewSelectionMouseDown
-}, props.trimStart === null ? null : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default.a.absolute),
- style: {
- left: "".concat(props.trimStart * 100, "%"),
- width: "".concat(100 * (props.trimEnd - props.trimStart), "%")
- }
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default.a.absolute, _audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default.a.selectionBackground)
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_selection_handle_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
- handleStyle: _audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default.a.leftHandle,
- onMouseDown: props.onTrimStartMouseDown
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_selection_handle_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
- handleStyle: _audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default.a.rightHandle,
- onMouseDown: props.onTrimEndMouseDown
-})), props.playhead ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_playhead_jsx__WEBPACK_IMPORTED_MODULE_6__["default"], {
- playbackPosition: props.playhead
-}) : null);
-AudioSelector.propTypes = {
- containerRef: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func,
- onNewSelectionMouseDown: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- onTrimEndMouseDown: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- onTrimStartMouseDown: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- playhead: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number,
- trimEnd: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number,
- trimStart: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number
-};
-/* harmony default export */ __webpack_exports__["default"] = (AudioSelector);
-
-/***/ }),
-
-/***/ "./src/components/audio-trimmer/audio-trimmer.css":
-/*!********************************************************!*\
- !*** ./src/components/audio-trimmer/audio-trimmer.css ***!
- \********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./audio-trimmer.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/audio-trimmer/audio-trimmer.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/audio-trimmer/audio-trimmer.jsx":
-/*!********************************************************!*\
- !*** ./src/components/audio-trimmer/audio-trimmer.jsx ***!
- \********************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _box_box_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../box/box.jsx */ "./src/components/box/box.jsx");
-/* harmony import */ var _audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./audio-trimmer.css */ "./src/components/audio-trimmer/audio-trimmer.css");
-/* harmony import */ var _audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _selection_handle_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./selection-handle.jsx */ "./src/components/audio-trimmer/selection-handle.jsx");
-/* harmony import */ var _playhead_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./playhead.jsx */ "./src/components/audio-trimmer/playhead.jsx");
-
-
-
-
-
-
-
-const AudioTrimmer = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default.a.absolute, _audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default.a.trimmer),
- ref: props.containerRef
-}, props.trimStart === null ? null : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default.a.absolute, _audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default.a.trimBackground, _audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default.a.startTrimBackground),
- style: {
- width: "".concat(100 * props.trimStart, "%")
- },
- onMouseDown: props.onTrimStartMouseDown,
- onTouchStart: props.onTrimStartMouseDown
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default.a.absolute, _audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default.a.trimBackgroundMask)
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_selection_handle_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
- handleStyle: _audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default.a.leftHandle
-})), props.playhead ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_playhead_jsx__WEBPACK_IMPORTED_MODULE_6__["default"], {
- playbackPosition: props.playhead
-}) : null, props.trimEnd === null ? null : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default.a.absolute, _audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default.a.trimBackground, _audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default.a.endTrimBackground),
- style: {
- left: "".concat(100 * props.trimEnd, "%"),
- width: "".concat(100 - 100 * props.trimEnd, "%")
- },
- onMouseDown: props.onTrimEndMouseDown,
- onTouchStart: props.onTrimEndMouseDown
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default.a.absolute, _audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default.a.trimBackgroundMask)
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_selection_handle_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
- handleStyle: _audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default.a.rightHandle
-})));
-AudioTrimmer.propTypes = {
- containerRef: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func,
- onTrimEndMouseDown: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- onTrimStartMouseDown: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- playhead: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number,
- trimEnd: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number,
- trimStart: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number
-};
-/* harmony default export */ __webpack_exports__["default"] = (AudioTrimmer);
-
-/***/ }),
-
-/***/ "./src/components/audio-trimmer/icon--handle.svg":
-/*!*******************************************************!*\
- !*** ./src/components/audio-trimmer/icon--handle.svg ***!
- \*******************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconHandle; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _defs, _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconHandle(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 34,
- height: 34,
- viewBox: "1 1 33 33",
- xmlns: "http://www.w3.org/2000/svg",
- xmlnsXlink: "http://www.w3.org/1999/xlink"
- }, props), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M17 5c6.627 0 12 5.373 12 12v12H17c-6.627 0-12-5.373-12-12S10.373 5 17 5z",
- id: "icon--handle_svg__a"
- }))), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- transform: "matrix(1 0 0 -1 0 34)",
- fill: "none",
- fillRule: "evenodd"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", {
- stroke: "#00c3ff33",
- strokeWidth: 8,
- xlinkHref: "#icon--handle_svg__a"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", {
- fill: "#000",
- filter: "url(#icon--handle_svg__filter-2)",
- xlinkHref: "#icon--handle_svg__a"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", {
- stroke: "#00a3ff",
- fill: "#00c3ff",
- xlinkHref: "#icon--handle_svg__a"
- }))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/33b2c770e12dd94797701e92ae37a820.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/audio-trimmer/playhead.jsx":
-/*!***************************************************!*\
- !*** ./src/components/audio-trimmer/playhead.jsx ***!
- \***************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _audio_trimmer_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./audio-trimmer.css */ "./src/components/audio-trimmer/audio-trimmer.css");
-/* harmony import */ var _audio_trimmer_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_audio_trimmer_css__WEBPACK_IMPORTED_MODULE_3__);
-
-
-
-
-const Playhead = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _audio_trimmer_css__WEBPACK_IMPORTED_MODULE_3___default.a.playheadContainer
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_audio_trimmer_css__WEBPACK_IMPORTED_MODULE_3___default.a.playhead),
- style: {
- transform: "translateX(".concat(100 * props.playbackPosition, "%)")
- }
-}));
-Playhead.propTypes = {
- playbackPosition: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number
-};
-/* harmony default export */ __webpack_exports__["default"] = (Playhead);
-
-/***/ }),
-
-/***/ "./src/components/audio-trimmer/selection-handle.jsx":
-/*!***********************************************************!*\
- !*** ./src/components/audio-trimmer/selection-handle.jsx ***!
- \***********************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _box_box_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../box/box.jsx */ "./src/components/box/box.jsx");
-/* harmony import */ var _audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./audio-trimmer.css */ "./src/components/audio-trimmer/audio-trimmer.css");
-/* harmony import */ var _audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _icon_handle_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./icon--handle.svg */ "./src/components/audio-trimmer/icon--handle.svg");
-
-
-
-
-
-
-const SelectionHandle = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default.a.trimLine, props.handleStyle),
- onMouseDown: props.onMouseDown,
- onTouchStart: props.onMouseDown
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default.a.trimHandle, _audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default.a.topTrimHandle)
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- src: _icon_handle_svg__WEBPACK_IMPORTED_MODULE_5__["default"],
- draggable: false
-})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default.a.trimHandle, _audio_trimmer_css__WEBPACK_IMPORTED_MODULE_4___default.a.bottomTrimHandle)
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- src: _icon_handle_svg__WEBPACK_IMPORTED_MODULE_5__["default"],
- draggable: false
-})));
-SelectionHandle.propTypes = {
- handleStyle: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,
- onMouseDown: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func
-};
-/* harmony default export */ __webpack_exports__["default"] = (SelectionHandle);
-
-/***/ }),
-
-/***/ "./src/components/backpack/backpack.css":
-/*!**********************************************!*\
- !*** ./src/components/backpack/backpack.css ***!
- \**********************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./backpack.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/backpack/backpack.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/backpack/backpack.jsx":
-/*!**********************************************!*\
- !*** ./src/components/backpack/backpack.jsx ***!
- \**********************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/index.es.js");
-/* harmony import */ var _lib_drag_constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../lib/drag-constants */ "./src/lib/drag-constants.js");
-/* harmony import */ var _coming_soon_coming_soon_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../coming-soon/coming-soon.jsx */ "./src/components/coming-soon/coming-soon.jsx");
-/* harmony import */ var _containers_sprite_selector_item_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../containers/sprite-selector-item.jsx */ "./src/containers/sprite-selector-item.jsx");
-/* harmony import */ var _backpack_css__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./backpack.css */ "./src/components/backpack/backpack.css");
-/* harmony import */ var _backpack_css__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_backpack_css__WEBPACK_IMPORTED_MODULE_7__);
-
-
-
-
-
-
-
-
-
-// TODO make sprite selector item not require onClick
-const noop = () => {};
-const dragTypeMap = {
- // Keys correspond with the backpack-server item types
- costume: _lib_drag_constants__WEBPACK_IMPORTED_MODULE_4__["default"].BACKPACK_COSTUME,
- sound: _lib_drag_constants__WEBPACK_IMPORTED_MODULE_4__["default"].BACKPACK_SOUND,
- script: _lib_drag_constants__WEBPACK_IMPORTED_MODULE_4__["default"].BACKPACK_CODE,
- sprite: _lib_drag_constants__WEBPACK_IMPORTED_MODULE_4__["default"].BACKPACK_SPRITE
-};
-const labelMap = Object(react_intl__WEBPACK_IMPORTED_MODULE_3__["defineMessages"])({
- costume: {
- "id": "gui.backpack.costumeLabel",
- "defaultMessage": "costume"
- },
- sound: {
- "id": "gui.backpack.soundLabel",
- "defaultMessage": "sound"
- },
- script: {
- "id": "gui.backpack.scriptLabel",
- "defaultMessage": "script"
- },
- sprite: {
- "id": "gui.backpack.spriteLabel",
- "defaultMessage": "sprite"
- }
-});
-const Backpack = _ref => {
- let {
- blockDragOver,
- containerRef,
- contents,
- dragOver,
- error,
- expanded,
- intl,
- loading,
- showMore,
- onToggle,
- onDelete,
- onExport,
- onRename,
- onMouseEnter,
- onMouseLeave,
- onMore
- } = _ref;
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
- className: _backpack_css__WEBPACK_IMPORTED_MODULE_7___default.a.backpackContainer
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
- className: _backpack_css__WEBPACK_IMPORTED_MODULE_7___default.a.backpackHeader,
- onClick: onToggle
- }, onToggle ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_3__["FormattedMessage"], {
- defaultMessage: "Backpack",
- id: "gui.backpack.header"
- }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_coming_soon_coming_soon_jsx__WEBPACK_IMPORTED_MODULE_5__["ComingSoonTooltip"], {
- place: "top",
- tooltipId: "backpack-tooltip"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_3__["FormattedMessage"], {
- defaultMessage: "Backpack",
- id: "gui.backpack.header"
- }))), expanded ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_backpack_css__WEBPACK_IMPORTED_MODULE_7___default.a.backpackList, {
- [_backpack_css__WEBPACK_IMPORTED_MODULE_7___default.a.dragOver]: dragOver || blockDragOver
- }),
- ref: containerRef,
- onMouseEnter: onMouseEnter,
- onMouseLeave: onMouseLeave
- }, error !== false ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
- className: _backpack_css__WEBPACK_IMPORTED_MODULE_7___default.a.statusMessage
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_3__["FormattedMessage"], {
- defaultMessage: "Error loading backpack",
- id: "gui.backpack.errorBackpack"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
- className: _backpack_css__WEBPACK_IMPORTED_MODULE_7___default.a.errorMessage
- }, error)) : loading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
- className: _backpack_css__WEBPACK_IMPORTED_MODULE_7___default.a.statusMessage
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_3__["FormattedMessage"], {
- defaultMessage: "Loading...",
- id: "gui.backpack.loadingBackpack"
- })) : contents.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
- className: _backpack_css__WEBPACK_IMPORTED_MODULE_7___default.a.backpackListInner
- }, contents.map(item => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_containers_sprite_selector_item_jsx__WEBPACK_IMPORTED_MODULE_6__["default"], {
- className: _backpack_css__WEBPACK_IMPORTED_MODULE_7___default.a.backpackItem,
- costumeURL: item.thumbnailUrl,
- details: item.name,
- dragPayload: item,
- dragType: dragTypeMap[item.type],
- id: item.id,
- key: item.id,
- name: intl.formatMessage(labelMap[item.type]),
- selected: false,
- onClick: noop,
- onExportButtonClick: item.type === 'script' ? null : onExport,
- onDeleteButtonClick: onDelete
- // Currently, renaming sprites is not supported.
- ,
- onRenameButtonClick: item.type === 'sprite' ? null : onRename
- })), showMore && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", {
- className: _backpack_css__WEBPACK_IMPORTED_MODULE_7___default.a.more,
- onClick: onMore
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_3__["FormattedMessage"], {
- defaultMessage: "More",
- id: "gui.backpack.more"
- }))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
- className: _backpack_css__WEBPACK_IMPORTED_MODULE_7___default.a.statusMessage
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_3__["FormattedMessage"], {
- defaultMessage: "Backpack is empty",
- id: "gui.backpack.emptyBackpack"
- }))) : null);
-};
-Backpack.propTypes = {
- blockDragOver: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- containerRef: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
- contents: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({
- id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- thumbnailUrl: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- type: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string
- })),
- dragOver: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- error: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
- expanded: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- intl: react_intl__WEBPACK_IMPORTED_MODULE_3__["intlShape"],
- loading: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- onDelete: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
- onExport: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
- onRename: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
- onMore: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
- onMouseEnter: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
- onMouseLeave: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
- onToggle: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
- showMore: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool
-};
-Backpack.defaultProps = {
- blockDragOver: false,
- contents: [],
- dragOver: false,
- expanded: false,
- loading: false,
- showMore: false,
- onMore: null,
- onToggle: null
-};
-/* harmony default export */ __webpack_exports__["default"] = (Object(react_intl__WEBPACK_IMPORTED_MODULE_3__["injectIntl"])(Backpack));
-
-/***/ }),
-
-/***/ "./src/components/blocks/blocks.css":
-/*!******************************************!*\
- !*** ./src/components/blocks/blocks.css ***!
- \******************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./blocks.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/blocks/blocks.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/blocks/blocks.jsx":
-/*!******************************************!*\
- !*** ./src/components/blocks/blocks.jsx ***!
- \******************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _box_box_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../box/box.jsx */ "./src/components/box/box.jsx");
-/* harmony import */ var _blocks_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./blocks.css */ "./src/components/blocks/blocks.css");
-/* harmony import */ var _blocks_css__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_blocks_css__WEBPACK_IMPORTED_MODULE_4__);
-const _excluded = ["containerRef", "dragOver"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-
-
-
-
-
-const BlocksComponent = props => {
- const {
- containerRef,
- dragOver
- } = props,
- componentProps = _objectWithoutProperties(props, _excluded);
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], _extends({
- className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(_blocks_css__WEBPACK_IMPORTED_MODULE_4___default.a.blocks, {
- [_blocks_css__WEBPACK_IMPORTED_MODULE_4___default.a.dragOver]: dragOver
- })
- }, componentProps, {
- componentRef: containerRef
- }));
-};
-BlocksComponent.propTypes = {
- containerRef: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func,
- dragOver: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool
-};
-/* harmony default export */ __webpack_exports__["default"] = (BlocksComponent);
-
-/***/ }),
-
-/***/ "./src/components/box/box.css":
-/*!************************************!*\
- !*** ./src/components/box/box.css ***!
- \************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./box.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/box/box.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/box/box.jsx":
-/*!************************************!*\
- !*** ./src/components/box/box.jsx ***!
- \************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react_style_proptype__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-style-proptype */ "./node_modules/react-style-proptype/src/index.js");
-/* harmony import */ var react_style_proptype__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_style_proptype__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _box_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./box.css */ "./src/components/box/box.css");
-/* harmony import */ var _box_css__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_box_css__WEBPACK_IMPORTED_MODULE_4__);
-const _excluded = ["alignContent", "alignItems", "alignSelf", "basis", "children", "className", "componentRef", "direction", "element", "grow", "height", "justifyContent", "width", "wrap", "shrink", "style"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-
-
-
-
-
-const getRandomColor = function () {
- // In "DEBUG" mode this is used to output a random background color for each
- // box. The function gives the same "random" set for each seed, allowing re-
- // renders of the same content to give the same random display.
- const random = function (seed) {
- let mW = seed;
- let mZ = 987654321;
- const mask = 0xffffffff;
- return function () {
- mZ = 36969 * (mZ & 65535) + (mZ >> 16) & mask;
- mW = 18000 * (mW & 65535) + (mW >> 16) & mask;
- let result = (mZ << 16) + mW & mask;
- result /= 4294967296;
- return result + 1;
- };
- }(601);
- return function () {
- const r = Math.max(parseInt(random() * 100, 10) % 256, 1);
- const g = Math.max(parseInt(random() * 100, 10) % 256, 1);
- const b = Math.max(parseInt(random() * 100, 10) % 256, 1);
- return "rgb(".concat(r, ",").concat(g, ",").concat(b, ")");
- };
-}();
-const Box = props => {
- const {
- alignContent,
- alignItems,
- alignSelf,
- basis,
- children,
- className,
- componentRef,
- direction,
- element,
- grow,
- height,
- justifyContent,
- width,
- wrap,
- shrink,
- style
- } = props,
- componentProps = _objectWithoutProperties(props, _excluded);
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(element, _objectSpread({
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(className, _box_css__WEBPACK_IMPORTED_MODULE_4___default.a.box),
- ref: componentRef,
- style: Object.assign({
- alignContent: alignContent,
- alignItems: alignItems,
- alignSelf: alignSelf,
- flexBasis: basis,
- flexDirection: direction,
- flexGrow: grow,
- flexShrink: shrink,
- flexWrap: wrap,
- justifyContent: justifyContent,
- width: width,
- height: height
- }, false ? undefined : {}, style)
- }, componentProps), children);
-};
-Box.propTypes = {
- /** Defines how the browser distributes space between and around content items vertically within this box. */
- alignContent: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'stretch']),
- /** Defines how the browser distributes space between and around flex items horizontally within this box. */
- alignItems: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['flex-start', 'flex-end', 'center', 'baseline', 'stretch']),
- /** Specifies how this box should be aligned inside of its container (requires the container to be flexable). */
- alignSelf: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['auto', 'flex-start', 'flex-end', 'center', 'baseline', 'stretch']),
- /** Specifies the initial length of this box */
- basis: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['auto'])]),
- /** Specifies the the HTML nodes which will be child elements of this box. */
- children: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,
- /** Specifies the class name that will be set on this box */
- className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- /**
- * A callback function whose first parameter is the underlying dom elements.
- * This call back will be executed immediately after the component is mounted or unmounted
- */
- componentRef: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
- /** https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction */
- direction: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['row', 'row-reverse', 'column', 'column-reverse']),
- /** Specifies the type of HTML element of this box. Defaults to div. */
- element: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- /** Specifies the flex grow factor of a flex item. */
- grow: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,
- /** The height in pixels (if specified as a number) or a string if different units are required. */
- height: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
- /** https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content */
- justifyContent: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['flex-start', 'flex-end', 'center', 'space-between', 'space-around']),
- /** Specifies the flex shrink factor of a flex item. */
- shrink: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,
- /** An object whose keys are css property names and whose values correspond the the css property. */
- style: react_style_proptype__WEBPACK_IMPORTED_MODULE_3___default.a,
- /** The width in pixels (if specified as a number) or a string if different units are required. */
- width: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
- /** How whitespace should wrap within this block. */
- wrap: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['nowrap', 'wrap', 'wrap-reverse'])
-};
-Box.defaultProps = {
- element: 'div',
- style: {}
-};
-/* harmony default export */ __webpack_exports__["default"] = (Box);
-
-/***/ }),
-
-/***/ "./src/components/browser-modal/browser-modal.css":
-/*!********************************************************!*\
- !*** ./src/components/browser-modal/browser-modal.css ***!
- \********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./browser-modal.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/browser-modal/browser-modal.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/browser-modal/browser-modal.jsx":
-/*!********************************************************!*\
- !*** ./src/components/browser-modal/browser-modal.jsx ***!
- \********************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-modal */ "./node_modules/react-modal/lib/index.js");
-/* harmony import */ var react_modal__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_modal__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _box_box_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../box/box.jsx */ "./src/components/box/box.jsx");
-/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/index.es.js");
-/* harmony import */ var _lib_tw_environment_support_prober_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../lib/tw-environment-support-prober.js */ "./src/lib/tw-environment-support-prober.js");
-/* harmony import */ var _browser_modal_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./browser-modal.css */ "./src/components/browser-modal/browser-modal.css");
-/* harmony import */ var _browser_modal_css__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_browser_modal_css__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var _unsupported_browser_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./unsupported-browser.svg */ "./src/components/browser-modal/unsupported-browser.svg");
-const _excluded = ["intl"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-
-
-
-
-
-
-
-
-const messages = Object(react_intl__WEBPACK_IMPORTED_MODULE_4__["defineMessages"])({
- label: {
- "id": "gui.unsupportedBrowser.label",
- "defaultMessage": "Browser is not supported"
- }
-});
-const noop = () => {};
-const BrowserModal = _ref => {
- let {
- intl
- } = _ref,
- props = _objectWithoutProperties(_ref, _excluded);
- const label = messages.label;
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_modal__WEBPACK_IMPORTED_MODULE_2___default.a, {
- isOpen: true,
- className: _browser_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.modalContent,
- contentLabel: intl.formatMessage(_objectSpread({}, messages.label)),
- overlayClassName: _browser_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.modalOverlay,
- onRequestClose: noop
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- dir: props.isRtl ? 'rtl' : 'ltr'
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- className: _browser_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.illustration
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- src: _unsupported_browser_svg__WEBPACK_IMPORTED_MODULE_7__["default"]
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- className: _browser_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.body
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("h2", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_4__["FormattedMessage"], label)), Object(_lib_tw_environment_support_prober_js__WEBPACK_IMPORTED_MODULE_5__["isNewFunctionSupported"])() ? null :
- /*#__PURE__*/
- // This message should only be seen by website operators, so we don't need to translate it
- react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("p", null, 'Unable to compile JavaScript with new Function(). This is most likely caused by an overly-strict Content-Security-Policy. The CSP must include \'unsafe-eval\'.'), !Object(_lib_tw_environment_support_prober_js__WEBPACK_IMPORTED_MODULE_5__["isRendererSupported"])() && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_1___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("p", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_4__["FormattedMessage"], {
- defaultMessage: "Your browser {webGlLink} which is needed for this site to run. Try updating your browser and graphics drivers or restarting your computer.",
- id: "tw.webglModal.description",
- values: {
- webGlLink: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("a", {
- href: "https://get.webgl.org/"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_4__["FormattedMessage"], {
- defaultMessage: "does not support WebGL",
- id: "gui.webglModal.webgllink"
- }))
- }
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("p", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_4__["FormattedMessage"], {
- defaultMessage: "Make sure you're using a recent version of Google Chrome, Mozilla Firefox, Microsoft Edge, or Apple Safari.",
- id: "tw.browserModal.desc"
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("p", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_4__["FormattedMessage"], {
- defaultMessage: "On Apple devices, you must disable {lockdownMode}.",
- id: "tw.lockdownMode",
- values: {
- lockdownMode: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("a", {
- href: "https://support.apple.com/en-us/HT212650"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_4__["FormattedMessage"], {
- defaultMessage: "Lockdown Mode",
- id: "tw.lockdownMode2"
- }))
- }
- }))))));
-};
-BrowserModal.propTypes = {
- intl: react_intl__WEBPACK_IMPORTED_MODULE_4__["intlShape"].isRequired,
- isRtl: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool
-};
-const WrappedBrowserModal = Object(react_intl__WEBPACK_IMPORTED_MODULE_4__["injectIntl"])(BrowserModal);
-WrappedBrowserModal.setAppElement = react_modal__WEBPACK_IMPORTED_MODULE_2___default.a.setAppElement;
-/* harmony default export */ __webpack_exports__["default"] = (WrappedBrowserModal);
-
-/***/ }),
-
-/***/ "./src/components/browser-modal/unsupported-browser.svg":
-/*!**************************************************************!*\
- !*** ./src/components/browser-modal/unsupported-browser.svg ***!
- \**************************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgUnsupportedBrowser; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _style, _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgUnsupportedBrowser(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- xmlns: "http://www.w3.org/2000/svg",
- width: 200,
- height: 150
- }, props), _style || (_style = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("style", null, ".unsupported-browser_svg__st4{opacity:.25}.unsupported-browser_svg__st5{fill:#231f20}.unsupported-browser_svg__st7{fill:none;stroke:#231f20;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.unsupported-browser_svg__st8{fill:#7f9bd4}")), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- id: "unsupported-browser_svg__Unsupported_Mask"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M186 140H14c-2.21 0-4-1.79-4-4V14c0-2.21 1.79-4 4-4h172c2.21 0 4 1.79 4 4v122c0 2.21-1.79 4-4 4z",
- opacity: 0.1,
- fill: "#231f20",
- stroke: "#231f20",
- strokeWidth: 12,
- strokeMiterlimit: 10
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M186 140H14c-2.21 0-4-1.79-4-4V14c0-2.21 1.79-4 4-4h172c2.21 0 4 1.79 4 4v122c0 2.21-1.79 4-4 4z",
- fill: "#fff",
- stroke: "#7f8ca5",
- strokeWidth: 2,
- strokeMiterlimit: 10
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M190 30H10V14c0-2.21 1.79-4 4-4h172c2.21 0 4 1.79 4 4v16z",
- fill: "#bfc6d4",
- stroke: "#7f8ca5",
- strokeWidth: 2,
- strokeMiterlimit: 10
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M179.5 24h-128c-2.21 0-4-1.79-4-4s1.79-4 4-4h128c2.21 0 4 1.79 4 4s-1.79 4-4 4z",
- fill: "#fff"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- className: "unsupported-browser_svg__st4"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- className: "unsupported-browser_svg__st5",
- d: "M24.09 20.22c-.08.38-.38.65-.72.72l-2.87.66v1.77c0 .44-.55.66-.87.36l-3.36-3.38a.468.468 0 010-.7l3.36-3.38a.51.51 0 01.87.36v1.8l2.87.65c.51.12.83.63.72 1.14z"
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- className: "unsupported-browser_svg__st4"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- className: "unsupported-browser_svg__st5",
- d: "M30.62 19.78c.08-.38.38-.65.72-.72l2.87-.66v-1.77c0-.44.55-.66.87-.36l3.36 3.38c.21.19.21.51 0 .7l-3.36 3.38a.51.51 0 01-.87-.36v-1.8l-2.87-.65a.957.957 0 01-.72-1.14z"
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- opacity: 0.15
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- className: "unsupported-browser_svg__st7",
- d: "M69.89 20H51.43M113.74 20H98.4M93.9 20H74.02"
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("circle", {
- className: "unsupported-browser_svg__st8",
- cx: 89.61,
- cy: 73.46,
- r: 3.85
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("circle", {
- className: "unsupported-browser_svg__st8",
- cx: 110.39,
- cy: 73.46,
- r: 3.85
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- className: "unsupported-browser_svg__st8",
- d: "M83.06 94.84c1.02-3.39 3.54-6.3 6.6-8.19 3.07-1.94 6.72-2.9 10.34-2.91 3.61.01 7.27.97 10.33 2.91 3.06 1.89 5.58 4.8 6.6 8.19.16.53-.14 1.1-.68 1.26-.4.12-.83-.02-1.08-.33l-.02-.03c-3.85-4.75-9.5-7-15.17-7.01-5.67.01-11.32 2.25-15.16 7.01l-.02.02c-.35.43-.99.5-1.42.15-.32-.25-.43-.68-.32-1.07z"
- })))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/89a5687599f173f2b910aa5fcd862b42.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/button/button.css":
-/*!******************************************!*\
- !*** ./src/components/button/button.css ***!
- \******************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./button.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/button/button.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/button/button.jsx":
-/*!******************************************!*\
- !*** ./src/components/button/button.jsx ***!
- \******************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _button_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./button.css */ "./src/components/button/button.css");
-/* harmony import */ var _button_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_button_css__WEBPACK_IMPORTED_MODULE_3__);
-const _excluded = ["className", "disabled", "iconClassName", "iconSrc", "iconWidth", "iconHeight", "onClick", "children"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-
-
-
-
-const ButtonComponent = _ref => {
- let {
- className,
- disabled,
- iconClassName,
- iconSrc,
- iconWidth,
- iconHeight,
- onClick,
- children
- } = _ref,
- props = _objectWithoutProperties(_ref, _excluded);
- if (disabled) {
- onClick = function onClick() {};
- }
- const icon = iconSrc && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(iconClassName, _button_css__WEBPACK_IMPORTED_MODULE_3___default.a.icon),
- draggable: false,
- src: iconSrc,
- height: iconHeight,
- width: iconWidth
- });
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", _extends({
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_button_css__WEBPACK_IMPORTED_MODULE_3___default.a.outlinedButton, className),
- role: "button",
- onClick: onClick
- }, props), icon, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _button_css__WEBPACK_IMPORTED_MODULE_3___default.a.content
- }, children));
-};
-ButtonComponent.propTypes = {
- children: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,
- className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- disabled: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- iconClassName: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- iconSrc: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- iconHeight: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- iconWidth: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func
-};
-/* harmony default export */ __webpack_exports__["default"] = (ButtonComponent);
-
-/***/ }),
-
-/***/ "./src/components/cards/card.css":
-/*!***************************************!*\
- !*** ./src/components/cards/card.css ***!
- \***************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./card.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/cards/card.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/cards/cards.jsx":
-/*!****************************************!*\
- !*** ./src/components/cards/cards.jsx ***!
- \****************************************/
-/*! exports provided: default, ImageStep, VideoStep */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return Cards; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ImageStep", function() { return ImageStep; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VideoStep", function() { return VideoStep; });
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/index.es.js");
-/* harmony import */ var react_draggable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-draggable */ "./node_modules/react-draggable/dist/react-draggable.js");
-/* harmony import */ var react_draggable__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_draggable__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _card_css__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./card.css */ "./src/components/cards/card.css");
-/* harmony import */ var _card_css__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_card_css__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _icon_shrink_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./icon--shrink.svg */ "./src/components/cards/icon--shrink.svg");
-/* harmony import */ var _icon_expand_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./icon--expand.svg */ "./src/components/cards/icon--expand.svg");
-/* harmony import */ var _icon_next_svg__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./icon--next.svg */ "./src/components/cards/icon--next.svg");
-/* harmony import */ var _icon_prev_svg__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./icon--prev.svg */ "./src/components/cards/icon--prev.svg");
-/* harmony import */ var _lib_assets_icon_tutorials_svg__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../lib/assets/icon--tutorials.svg */ "./src/lib/assets/icon--tutorials.svg");
-/* harmony import */ var _icon_close_svg__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./icon--close.svg */ "./src/components/cards/icon--close.svg");
-/* harmony import */ var _lib_libraries_decks_translate_video_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../lib/libraries/decks/translate-video.js */ "./src/lib/libraries/decks/translate-video.js");
-/* harmony import */ var _lib_libraries_decks_translate_image_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../lib/libraries/decks/translate-image.js */ "./src/lib/libraries/decks/translate-image.js");
-const _excluded = ["activeDeckId", "content", "dragging", "isRtl", "locale", "onActivateDeckFactory", "onCloseCards", "onShrinkExpandCards", "onDrag", "onStartDrag", "onEndDrag", "onShowAll", "onNextStep", "onPrevStep", "showVideos", "step", "expanded"];
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const CardHeader = _ref => {
- let {
- onCloseCards,
- onShrinkExpandCards,
- onShowAll,
- totalSteps,
- step,
- expanded
- } = _ref;
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: expanded ? _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.headerButtons : classnames__WEBPACK_IMPORTED_MODULE_2___default()(_card_css__WEBPACK_IMPORTED_MODULE_5___default.a.headerButtons, _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.headerButtonsHidden)
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.allButton,
- onClick: onShowAll
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- className: _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.helpIcon,
- src: _lib_assets_icon_tutorials_svg__WEBPACK_IMPORTED_MODULE_10__["default"]
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_3__["FormattedMessage"], {
- defaultMessage: "Tutorials",
- id: "gui.cards.all-tutorials"
- })), totalSteps > 1 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.stepsList
- }, Array(totalSteps).fill(0).map((_, i) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: i === step ? _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.activeStepPip : _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.inactiveStepPip,
- key: "pip-step-".concat(i)
- }))) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.headerButtonsRight
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.shrinkExpandButton,
- onClick: onShrinkExpandCards
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- draggable: false,
- src: expanded ? _icon_shrink_svg__WEBPACK_IMPORTED_MODULE_6__["default"] : _icon_expand_svg__WEBPACK_IMPORTED_MODULE_7__["default"]
- }), expanded ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_3__["FormattedMessage"], {
- defaultMessage: "Shrink",
- id: "gui.cards.shrink"
- }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_3__["FormattedMessage"], {
- defaultMessage: "Expand",
- id: "gui.cards.expand"
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.removeButton,
- onClick: onCloseCards
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- className: _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.closeIcon,
- src: _icon_close_svg__WEBPACK_IMPORTED_MODULE_11__["default"]
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_3__["FormattedMessage"], {
- defaultMessage: "Close",
- id: "gui.cards.close"
- }))));
-};
-class VideoStep extends react__WEBPACK_IMPORTED_MODULE_1___default.a.Component {
- componentDidMount() {
- const script = document.createElement('script');
- script.src = "https://fast.wistia.com/embed/medias/".concat(this.props.video, ".jsonp");
- script.async = true;
- script.setAttribute('id', 'wistia-video-content');
- document.body.appendChild(script);
- const script2 = document.createElement('script');
- script2.src = 'https://fast.wistia.com/assets/external/E-v1.js';
- script2.async = true;
- script2.setAttribute('id', 'wistia-video-api');
- document.body.appendChild(script2);
- }
-
- // We use the Wistia API here to update or pause the video dynamically:
- // https://wistia.com/support/developers/player-api
- componentDidUpdate(prevProps) {
- // Ensure the wistia API is loaded and available
- if (!(window.Wistia && window.Wistia.api)) return;
-
- // Get a handle on the currently loaded video
- const video = window.Wistia.api(prevProps.video);
-
- // Reset the video source if a new video has been chosen from the library
- if (prevProps.video !== this.props.video) {
- video.replaceWith(this.props.video);
- }
-
- // Pause the video if the modal is being shrunken
- if (!this.props.expanded) {
- video.pause();
- }
- }
- componentWillUnmount() {
- const script = document.getElementById('wistia-video-content');
- script.parentNode.removeChild(script);
- const script2 = document.getElementById('wistia-video-api');
- script2.parentNode.removeChild(script2);
- }
- render() {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.stepVideo
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: "wistia_embed wistia_async_".concat(this.props.video),
- id: "video-div",
- style: {
- height: "257px",
- width: "466px"
- }
- }, "\xA0"));
- }
-}
-VideoStep.propTypes = {
- expanded: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool.isRequired,
- video: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string.isRequired
-};
-const ImageStep = _ref2 => {
- let {
- title,
- image
- } = _ref2;
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.stepTitle
- }, title), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.stepImageContainer
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- className: _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.stepImage,
- draggable: false,
- key: image /* Use src as key to prevent hanging around on slow connections */,
- src: image
- })));
-};
-ImageStep.propTypes = {
- image: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string.isRequired,
- title: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.node.isRequired
-};
-const NextPrevButtons = _ref3 => {
- let {
- isRtl,
- onNextStep,
- onPrevStep,
- expanded
- } = _ref3;
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null, onNextStep ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: expanded ? isRtl ? _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.leftCard : _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.rightCard : _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.hidden
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: expanded ? isRtl ? _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.leftButton : _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.rightButton : _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.hidden,
- onClick: onNextStep
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- draggable: false,
- src: isRtl ? _icon_prev_svg__WEBPACK_IMPORTED_MODULE_9__["default"] : _icon_next_svg__WEBPACK_IMPORTED_MODULE_8__["default"]
- }))) : null, onPrevStep ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: expanded ? isRtl ? _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.rightCard : _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.leftCard : _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.hidden
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: expanded ? isRtl ? _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.rightButton : _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.leftButton : _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.hidden,
- onClick: onPrevStep
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- draggable: false,
- src: isRtl ? _icon_next_svg__WEBPACK_IMPORTED_MODULE_8__["default"] : _icon_prev_svg__WEBPACK_IMPORTED_MODULE_9__["default"]
- }))) : null);
-};
-NextPrevButtons.propTypes = {
- expanded: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool.isRequired,
- isRtl: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool,
- onNextStep: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func,
- onPrevStep: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func
-};
-CardHeader.propTypes = {
- expanded: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool.isRequired,
- onCloseCards: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- onShowAll: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- onShrinkExpandCards: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- step: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number,
- totalSteps: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number
-};
-const PreviewsStep = _ref4 => {
- let {
- deckIds,
- content,
- onActivateDeckFactory,
- onShowAll
- } = _ref4;
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.stepTitle
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_3__["FormattedMessage"], {
- defaultMessage: "More things to try!",
- id: "gui.cards.more-things-to-try"
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.decks
- }, deckIds.slice(0, 2).map(id => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.deck,
- key: "deck-preview-".concat(id),
- onClick: onActivateDeckFactory(id)
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- className: _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.deckImage,
- draggable: false,
- src: content[id].img
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.deckName
- }, content[id].name)))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.seeAll
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.seeAllButton,
- onClick: onShowAll
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_3__["FormattedMessage"], {
- defaultMessage: "See more",
- id: "gui.cards.see-more"
- }))));
-};
-PreviewsStep.propTypes = {
- content: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.shape({
- id: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.shape({
- name: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.node.isRequired,
- img: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string.isRequired,
- steps: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.shape({
- title: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.node,
- image: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,
- video: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,
- deckIds: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string)
- }))
- })
- }).isRequired,
- deckIds: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string).isRequired,
- onActivateDeckFactory: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- onShowAll: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired
-};
-const Cards = props => {
- const {
- activeDeckId,
- content,
- dragging,
- isRtl,
- locale,
- onActivateDeckFactory,
- onCloseCards,
- onShrinkExpandCards,
- onDrag,
- onStartDrag,
- onEndDrag,
- onShowAll,
- onNextStep,
- onPrevStep,
- showVideos,
- step,
- expanded
- } = props,
- posProps = _objectWithoutProperties(props, _excluded);
- let {
- x,
- y
- } = posProps;
- if (activeDeckId === null) return;
-
- // Tutorial cards need to calculate their own dragging bounds
- // to allow for dragging the cards off the left, right and bottom
- // edges of the workspace.
- const cardHorizontalDragOffset = 400; // ~80% of card width
- const cardVerticalDragOffset = expanded ? 257 : 0; // ~80% of card height, if expanded
- const menuBarHeight = 48; // TODO: get pre-calculated from elsewhere?
- const wideCardWidth = 500;
- if (x === 0 && y === 0) {
- // initialize positions
- x = isRtl ? -190 - wideCardWidth - cardHorizontalDragOffset : 292;
- x += cardHorizontalDragOffset;
- // The tallest cards are about 320px high, and the default position is pinned
- // to near the bottom of the blocks palette to allow room to work above.
- const tallCardHeight = 320;
- const bottomMargin = 60; // To avoid overlapping the backpack region
- y = window.innerHeight - tallCardHeight - bottomMargin - menuBarHeight;
- }
- const steps = content[activeDeckId].steps;
- return (
- /*#__PURE__*/
- // Custom overlay to act as the bounding parent for the draggable, using values from above
- react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.cardContainerOverlay,
- style: {
- width: "".concat(window.innerWidth + 2 * cardHorizontalDragOffset, "px"),
- height: "".concat(window.innerHeight - menuBarHeight + cardVerticalDragOffset, "px"),
- top: "".concat(menuBarHeight, "px"),
- left: "".concat(-cardHorizontalDragOffset, "px")
- }
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_draggable__WEBPACK_IMPORTED_MODULE_4___default.a, {
- bounds: "parent",
- cancel: "#video-div" // disable dragging on video div
- ,
- position: {
- x: x,
- y: y
- },
- onDrag: onDrag,
- onStart: onStartDrag,
- onStop: onEndDrag
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.cardContainer
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.card
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(CardHeader, {
- expanded: expanded,
- step: step,
- totalSteps: steps.length,
- onCloseCards: onCloseCards,
- onShowAll: onShowAll,
- onShrinkExpandCards: onShrinkExpandCards
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: expanded ? _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.stepBody : _card_css__WEBPACK_IMPORTED_MODULE_5___default.a.hidden
- }, steps[step].deckIds ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(PreviewsStep, {
- content: content,
- deckIds: steps[step].deckIds,
- onActivateDeckFactory: onActivateDeckFactory,
- onShowAll: onShowAll
- }) : steps[step].video ? showVideos ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(VideoStep, {
- dragging: dragging,
- expanded: expanded,
- video: Object(_lib_libraries_decks_translate_video_js__WEBPACK_IMPORTED_MODULE_12__["translateVideo"])(steps[step].video, locale)
- }) :
- /*#__PURE__*/
- // Else show the deck image and title
- react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(ImageStep, {
- image: content[activeDeckId].img,
- title: content[activeDeckId].name
- }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(ImageStep, {
- image: Object(_lib_libraries_decks_translate_image_js__WEBPACK_IMPORTED_MODULE_13__["translateImage"])(steps[step].image, locale),
- title: steps[step].title
- }), steps[step].trackingPixel && steps[step].trackingPixel), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(NextPrevButtons, {
- expanded: expanded,
- isRtl: isRtl,
- onNextStep: step < steps.length - 1 ? onNextStep : null,
- onPrevStep: step > 0 ? onPrevStep : null
- })))))
- );
-};
-Cards.propTypes = {
- activeDeckId: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string.isRequired,
- content: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.shape({
- id: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.shape({
- name: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.node.isRequired,
- img: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string.isRequired,
- steps: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.shape({
- title: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.node,
- image: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,
- video: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,
- deckIds: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string)
- }))
- })
- }),
- dragging: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool.isRequired,
- expanded: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool.isRequired,
- isRtl: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool.isRequired,
- locale: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string.isRequired,
- onActivateDeckFactory: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- onCloseCards: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- onDrag: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func,
- onEndDrag: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func,
- onNextStep: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- onPrevStep: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- onShowAll: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func,
- onShrinkExpandCards: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- onStartDrag: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func,
- showVideos: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool,
- step: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number.isRequired,
- x: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number,
- y: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number
-};
-Cards.defaultProps = {
- showVideos: true
-};
-
-
-/***/ }),
-
-/***/ "./src/components/cards/icon--close.svg":
-/*!**********************************************!*\
- !*** ./src/components/cards/icon--close.svg ***!
- \**********************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconClose; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _defs, _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconClose(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg",
- xmlnsXlink: "http://www.w3.org/1999/xlink"
- }, props), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M15.465 15.467a1.8 1.8 0 01-2.557 0l-2.91-2.909-2.91 2.91a1.808 1.808 0 11-2.556-2.558l2.909-2.909-2.914-2.915A1.784 1.784 0 014 5.802c0-.46.174-.92.527-1.272a1.808 1.808 0 012.557 0l2.915 2.913 2.914-2.913a1.81 1.81 0 012.557 2.556l-2.915 2.915 2.915 2.914c.707.706.707 1.84-.005 2.552",
- id: "icon--close_svg__a"
- }))), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- fill: "none",
- fillRule: "evenodd"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("mask", {
- id: "icon--close_svg__b",
- fill: "#fff"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", {
- xlinkHref: "#icon--close_svg__a"
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", {
- fill: "#FFF",
- xlinkHref: "#icon--close_svg__a"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- mask: "url(#icon--close_svg__b)",
- fill: "#FFF"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M0 0h20v20H0z"
- })))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/a3e689235188ba10c5cfd75730cb88a7.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/cards/icon--expand.svg":
-/*!***********************************************!*\
- !*** ./src/components/cards/icon--expand.svg ***!
- \***********************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconExpand; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _defs, _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconExpand(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg",
- xmlnsXlink: "http://www.w3.org/1999/xlink"
- }, props), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M4.5 2h11A2.5 2.5 0 0118 4.5v1a.5.5 0 01-.5.5h-15a.5.5 0 01-.5-.5v-1A2.5 2.5 0 014.5 2zm-2 5h15a.5.5 0 01.5.5v8a2.5 2.5 0 01-2.5 2.5h-11A2.5 2.5 0 012 15.5v-8a.5.5 0 01.5-.5zm7.155 8.164c.09.09.212.14.342.14.13 0 .252-.05.342-.14l1.818-1.818a.48.48 0 00.109-.53.49.49 0 00-.456-.3h-.66l-.36-2.528a.8.8 0 00-.78-.685.79.79 0 00-.785.682l-.351 2.53h-.69a.479.479 0 00-.447.292c-.078.18-.04.39.1.539l1.818 1.818z",
- id: "icon--expand_svg__a"
- }))), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- fill: "none",
- fillRule: "evenodd"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("mask", {
- id: "icon--expand_svg__b",
- fill: "#fff"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", {
- xlinkHref: "#icon--expand_svg__a"
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- mask: "url(#icon--expand_svg__b)",
- fill: "#FFF"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M0 0h20v20H0z"
- })))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/04e28ba12fe914cf4f131dcb85ae82d6.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/cards/icon--next.svg":
-/*!*********************************************!*\
- !*** ./src/components/cards/icon--next.svg ***!
- \*********************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconNext; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconNext(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M17.328 9.837c0 .31-.119.601-.333.817l-4.341 4.341a1.182 1.182 0 01-1.288.24 1.143 1.143 0 01-.695-1.07V12.52l-6.042-.84a1.887 1.887 0 01-1.614-2.118c.134-.854.8-1.514 1.62-1.617l6.036-.862V5.507c0-.48.282-.907.717-1.088a1.145 1.145 0 011.266.259l4.341 4.341c.214.216.333.506.333.818",
- fill: "#FFF",
- fillRule: "evenodd"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/a80790c977586cc0595b5fe2f0bcb39a.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/cards/icon--prev.svg":
-/*!*********************************************!*\
- !*** ./src/components/cards/icon--prev.svg ***!
- \*********************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconPrev; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconPrev(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M3 9.823c0-.31.119-.601.333-.817l4.342-4.341a1.182 1.182 0 011.287-.24c.43.186.695.595.695 1.07V7.14l6.042.84a1.887 1.887 0 011.614 2.118c-.134.854-.8 1.514-1.62 1.617l-6.036.862v1.575c0 .48-.282.907-.717 1.088a1.145 1.145 0 01-1.265-.259l-4.342-4.341A1.151 1.151 0 013 9.823",
- fill: "#FFF",
- fillRule: "evenodd"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/33592a76d0d0fdaa4a32b2ea41db5e16.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/cards/icon--shrink.svg":
-/*!***********************************************!*\
- !*** ./src/components/cards/icon--shrink.svg ***!
- \***********************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconShrink; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _defs, _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconShrink(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg",
- xmlnsXlink: "http://www.w3.org/1999/xlink"
- }, props), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M2.5 8a.5.5 0 010-1h1a.5.5 0 010 1h-1zm3 0a.5.5 0 010-1h1a.5.5 0 010 1h-1zm3 0a.5.5 0 010-1h1a.5.5 0 010 1h-1zm3 0a.5.5 0 110-1h1a.5.5 0 110 1h-1zm3 0a.5.5 0 110-1h1a.5.5 0 110 1h-1zm2.5-.5a.5.5 0 111 0v1a.5.5 0 11-1 0v-1zm0 3a.5.5 0 111 0v1a.5.5 0 11-1 0v-1zm0 3a.5.5 0 111 0v1a.5.5 0 11-1 0v-1zm-.187 2.726a.5.5 0 01.875.485 2.51 2.51 0 01-.859.907.5.5 0 01-.532-.847 1.51 1.51 0 00.516-.545zM14.561 17a.5.5 0 010 1h-1a.5.5 0 110-1h1zm-3 0a.5.5 0 010 1h-1a.5.5 0 110-1h1zm-3 0a.5.5 0 110 1h-1a.5.5 0 110-1h1zm-3 0a.5.5 0 110 1h-1a.5.5 0 110-1h1zm-2.333-.705a.5.5 0 11-.848.531 2.488 2.488 0 01-.376-1.192.5.5 0 01.998-.053c.014.256.092.5.226.714zM3 13.623a.5.5 0 11-1 0v-1a.5.5 0 111 0v1zm0-3a.5.5 0 11-1 0v-1a.5.5 0 111 0v1zm0-3a.5.5 0 01-1 0V7.5a.5.5 0 011 0v.123zM4.5 2h11A2.5 2.5 0 0118 4.5v1a.5.5 0 01-.5.5h-15a.5.5 0 01-.5-.5v-1A2.5 2.5 0 014.5 2zm5.845 7.443l1.818 1.818c.14.15.178.359.1.539a.479.479 0 01-.447.291h-.69l-.351 2.53a.79.79 0 01-.887.676.8.8 0 01-.678-.679l-.36-2.527h-.66a.49.49 0 01-.456-.3.48.48 0 01.109-.53L9.66 9.443c.09-.09.211-.14.342-.14.13 0 .252.05.342.14z",
- id: "icon--shrink_svg__a"
- }))), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- fill: "none",
- fillRule: "evenodd"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("mask", {
- id: "icon--shrink_svg__b",
- fill: "#fff"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", {
- xlinkHref: "#icon--shrink_svg__a"
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- mask: "url(#icon--shrink_svg__b)",
- fill: "#FFF"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M0 0h20v20H0z"
- })))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/76121b7f4eff7d7ca0d49a45479d3f3f.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/close-button/close-button.css":
-/*!******************************************************!*\
- !*** ./src/components/close-button/close-button.css ***!
- \******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./close-button.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/close-button/close-button.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/close-button/close-button.jsx":
-/*!******************************************************!*\
- !*** ./src/components/close-button/close-button.jsx ***!
- \******************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _close_button_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./close-button.css */ "./src/components/close-button/close-button.css");
-/* harmony import */ var _close_button_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_close_button_css__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _icon_close_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./icon--close.svg */ "./src/components/close-button/icon--close.svg");
-/* harmony import */ var _icon_close_orange_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./icon--close-orange.svg */ "./src/components/close-button/icon--close-orange.svg");
-/* harmony import */ var _lib_assets_icon_back_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../lib/assets/icon--back.svg */ "./src/lib/assets/icon--back.svg");
-
-
-
-
-
-
-
-let closeIcons = {};
-const CloseButton = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- "aria-label": "Close",
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_close_button_css__WEBPACK_IMPORTED_MODULE_3___default.a.closeButton, props.className, {
- [_close_button_css__WEBPACK_IMPORTED_MODULE_3___default.a.small]: props.size === CloseButton.SIZE_SMALL,
- [_close_button_css__WEBPACK_IMPORTED_MODULE_3___default.a.large]: props.size === CloseButton.SIZE_LARGE,
- [_close_button_css__WEBPACK_IMPORTED_MODULE_3___default.a.orange]: props.color === CloseButton.COLOR_ORANGE
- }),
- role: "button",
- tabIndex: "0",
- onClick: props.onClick
-}, props.buttonType === 'back' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- className: _close_button_css__WEBPACK_IMPORTED_MODULE_3___default.a.backIcon,
- src: _lib_assets_icon_back_svg__WEBPACK_IMPORTED_MODULE_6__["default"]
-}) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_close_button_css__WEBPACK_IMPORTED_MODULE_3___default.a.closeIcon, {
- [_close_button_css__WEBPACK_IMPORTED_MODULE_3___default.a[props.color]]: props.color !== CloseButton.COLOR_NEUTRAL
- }),
- src: props.color && closeIcons[props.color] ? closeIcons[props.color] : _icon_close_svg__WEBPACK_IMPORTED_MODULE_4__["default"]
-}));
-CloseButton.SIZE_SMALL = 'small';
-CloseButton.SIZE_LARGE = 'large';
-CloseButton.COLOR_NEUTRAL = 'neutral';
-CloseButton.COLOR_GREEN = 'green';
-CloseButton.COLOR_ORANGE = 'orange';
-closeIcons = {
- [CloseButton.COLOR_NEUTRAL]: _icon_close_svg__WEBPACK_IMPORTED_MODULE_4__["default"],
- [CloseButton.COLOR_GREEN]: _icon_close_svg__WEBPACK_IMPORTED_MODULE_4__["default"],
- // TODO: temporary, need green icon
- [CloseButton.COLOR_ORANGE]: _icon_close_orange_svg__WEBPACK_IMPORTED_MODULE_5__["default"]
-};
-CloseButton.propTypes = {
- buttonType: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.oneOf(['back', 'close']),
- className: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,
- color: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,
- onClick: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- size: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.oneOf([CloseButton.SIZE_SMALL, CloseButton.SIZE_LARGE])
-};
-CloseButton.defaultProps = {
- color: CloseButton.COLOR_NEUTRAL,
- size: CloseButton.SIZE_LARGE,
- buttonType: 'close'
-};
-/* harmony default export */ __webpack_exports__["default"] = (CloseButton);
-
-/***/ }),
-
-/***/ "./src/components/close-button/icon--close-orange.svg":
-/*!************************************************************!*\
- !*** ./src/components/close-button/icon--close-orange.svg ***!
- \************************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconCloseOrange; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _defs, _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconCloseOrange(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg",
- xmlnsXlink: "http://www.w3.org/1999/xlink"
- }, props), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M15.465 15.467a1.8 1.8 0 01-2.557 0l-2.91-2.909-2.91 2.91a1.808 1.808 0 11-2.556-2.558l2.909-2.909-2.914-2.915A1.784 1.784 0 014 5.802c0-.46.174-.92.527-1.272a1.808 1.808 0 012.557 0l2.915 2.913 2.914-2.913a1.81 1.81 0 012.557 2.556l-2.915 2.915 2.915 2.914c.707.706.707 1.84-.005 2.552",
- id: "icon--close-orange_svg__a"
- }))), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- fill: "none",
- fillRule: "evenodd"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("mask", {
- id: "icon--close-orange_svg__b",
- fill: "#fff"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", {
- xlinkHref: "#icon--close-orange_svg__a"
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", {
- fill: "#FFF",
- xlinkHref: "#icon--close-orange_svg__a"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- mask: "url(#icon--close-orange_svg__b)",
- fill: "#FF8C1A"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M0 0h20v20H0z"
- })))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/ee54d776d2cda9a3c537ac7e8f144037.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/close-button/icon--close.svg":
-/*!*****************************************************!*\
- !*** ./src/components/close-button/icon--close.svg ***!
- \*****************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconClose; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _defs, _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconClose(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- id: "icon--close_svg__Layer_1",
- "data-name": "Layer 1",
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 7.48 7.48"
- }, props), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("style", null, ".icon--close_svg__cls-1{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}"))), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- className: "icon--close_svg__cls-1",
- d: "M3.74 6.48V1M1 3.74h5.48"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/cb666b99d3528f91b52f985dfb102afa.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/coming-soon/aww-cat.png":
-/*!************************************************!*\
- !*** ./src/components/coming-soon/aww-cat.png ***!
- \************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__.p + "static/assets/97926439955086f8ee4aabbd81580f17.png";
-
-/***/ }),
-
-/***/ "./src/components/coming-soon/coming-soon.css":
-/*!****************************************************!*\
- !*** ./src/components/coming-soon/coming-soon.css ***!
- \****************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./coming-soon.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/coming-soon/coming-soon.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/coming-soon/coming-soon.jsx":
-/*!****************************************************!*\
- !*** ./src/components/coming-soon/coming-soon.jsx ***!
- \****************************************************/
-/*! exports provided: ComingSoonComponent, ComingSoonTooltip */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ComingSoonComponent", function() { return ComingSoon; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ComingSoonTooltip", function() { return ComingSoonTooltip; });
-/* harmony import */ var lodash_bindall__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash.bindall */ "./node_modules/lodash.bindall/index.js");
-/* harmony import */ var lodash_bindall__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_bindall__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/index.es.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var react_tooltip__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-tooltip */ "./node_modules/react-tooltip/dist/index.js");
-/* harmony import */ var react_tooltip__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_tooltip__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _coming_soon_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./coming-soon.css */ "./src/components/coming-soon/coming-soon.css");
-/* harmony import */ var _coming_soon_css__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_coming_soon_css__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var _aww_cat_png__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./aww-cat.png */ "./src/components/coming-soon/aww-cat.png");
-/* harmony import */ var _aww_cat_png__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_aww_cat_png__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var _cool_cat_png__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./cool-cat.png */ "./src/components/coming-soon/cool-cat.png");
-/* harmony import */ var _cool_cat_png__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_cool_cat_png__WEBPACK_IMPORTED_MODULE_8__);
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-
-
-
-
-
-
-
-
-const messages = Object(react_intl__WEBPACK_IMPORTED_MODULE_2__["defineMessages"])({
- message1: {
- "id": "gui.comingSoon.message1",
- "defaultMessage": "Don't worry, we're on it {emoji}"
- },
- message2: {
- "id": "gui.comingSoon.message2",
- "defaultMessage": "Coming Soon..."
- },
- message3: {
- "id": "gui.comingSoon.message3",
- "defaultMessage": "We're working on it {emoji}"
- }
-});
-class ComingSoonContent extends react__WEBPACK_IMPORTED_MODULE_4___default.a.Component {
- constructor(props) {
- super(props);
- lodash_bindall__WEBPACK_IMPORTED_MODULE_0___default()(this, ['setHide', 'setShow', 'getRandomMessage']);
- this.state = {
- isShowing: false
- };
- }
- setShow() {
- // needed to set the opacity to 1, since the default is .9 on show
- this.setState({
- isShowing: true
- });
- }
- setHide() {
- this.setState({
- isShowing: false
- });
- }
- getRandomMessage() {
- // randomly chooses a messages from `messages` to display in the tooltip.
- const images = [_aww_cat_png__WEBPACK_IMPORTED_MODULE_7___default.a, _cool_cat_png__WEBPACK_IMPORTED_MODULE_8___default.a];
- const messageNumber = Math.floor(Math.random() * Object.keys(messages).length) + 1;
- const imageNumber = Math.floor(Math.random() * Object.keys(images).length);
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_2__["FormattedMessage"], _extends({}, messages["message".concat(messageNumber)], {
- values: {
- emoji: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("img", {
- className: _coming_soon_css__WEBPACK_IMPORTED_MODULE_6___default.a.comingSoonImage,
- src: images[imageNumber]
- })
- }
- }));
- }
- render() {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(react_tooltip__WEBPACK_IMPORTED_MODULE_5___default.a, {
- afterHide: this.setHide,
- afterShow: this.setShow,
- className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(_coming_soon_css__WEBPACK_IMPORTED_MODULE_6___default.a.comingSoon, this.props.className, {
- [_coming_soon_css__WEBPACK_IMPORTED_MODULE_6___default.a.show]: this.state.isShowing,
- [_coming_soon_css__WEBPACK_IMPORTED_MODULE_6___default.a.left]: this.props.place === 'left',
- [_coming_soon_css__WEBPACK_IMPORTED_MODULE_6___default.a.right]: this.props.place === 'right',
- [_coming_soon_css__WEBPACK_IMPORTED_MODULE_6___default.a.top]: this.props.place === 'top',
- [_coming_soon_css__WEBPACK_IMPORTED_MODULE_6___default.a.bottom]: this.props.place === 'bottom'
- }),
- getContent: this.getRandomMessage,
- id: this.props.tooltipId
- });
- }
-}
-ComingSoonContent.propTypes = {
- className: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.string,
- intl: react_intl__WEBPACK_IMPORTED_MODULE_2__["intlShape"],
- place: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.oneOf(['top', 'right', 'bottom', 'left']),
- tooltipId: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.string.isRequired
-};
-ComingSoonContent.defaultProps = {
- place: 'bottom'
-};
-const ComingSoon = Object(react_intl__WEBPACK_IMPORTED_MODULE_2__["injectIntl"])(ComingSoonContent);
-const ComingSoonTooltip = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("div", {
- className: props.className
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("div", {
- "data-delay-hide": props.delayHide,
- "data-delay-show": props.delayShow,
- "data-effect": "solid",
- "data-for": props.tooltipId,
- "data-place": props.place,
- "data-tip": "tooltip"
-}, props.children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(ComingSoon, {
- className: props.tooltipClassName,
- place: props.place,
- tooltipId: props.tooltipId
-}));
-ComingSoonTooltip.propTypes = {
- children: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.node.isRequired,
- className: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.string,
- delayHide: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.number,
- delayShow: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.number,
- place: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.oneOf(['top', 'right', 'bottom', 'left']),
- tooltipClassName: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.string,
- tooltipId: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.string.isRequired
-};
-ComingSoonTooltip.defaultProps = {
- delayHide: 0,
- delayShow: 0
-};
-
-
-/***/ }),
-
-/***/ "./src/components/coming-soon/cool-cat.png":
-/*!*************************************************!*\
- !*** ./src/components/coming-soon/cool-cat.png ***!
- \*************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__.p + "static/assets/3e83d9d800459175308f0b45b117af16.png";
-
-/***/ }),
-
-/***/ "./src/components/connection-modal/auto-scanning-step.jsx":
-/*!****************************************************************!*\
- !*** ./src/components/connection-modal/auto-scanning-step.jsx ***!
- \****************************************************************/
-/*! exports provided: default, PHASES */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return AutoScanningStep; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PHASES", function() { return PHASES; });
-/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/index.es.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var keymirror__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! keymirror */ "./node_modules/keymirror/index.js");
-/* harmony import */ var keymirror__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(keymirror__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _box_box_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../box/box.jsx */ "./src/components/box/box.jsx");
-/* harmony import */ var _dots_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./dots.jsx */ "./src/components/connection-modal/dots.jsx");
-/* harmony import */ var _close_button_icon_close_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../close-button/icon--close.svg */ "./src/components/close-button/icon--close.svg");
-/* harmony import */ var _icons_searching_png__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./icons/searching.png */ "./src/components/connection-modal/icons/searching.png");
-/* harmony import */ var _icons_searching_png__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_icons_searching_png__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var _icons_bluetooth_white_svg__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./icons/bluetooth-white.svg */ "./src/components/connection-modal/icons/bluetooth-white.svg");
-/* harmony import */ var _icons_back_svg__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./icons/back.svg */ "./src/components/connection-modal/icons/back.svg");
-/* harmony import */ var _connection_modal_css__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./connection-modal.css */ "./src/components/connection-modal/connection-modal.css");
-/* harmony import */ var _connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_connection_modal_css__WEBPACK_IMPORTED_MODULE_11__);
-
-
-
-
-
-
-
-
-
-
-
-
-const PHASES = keymirror__WEBPACK_IMPORTED_MODULE_3___default()({
- prescan: null,
- pressbutton: null,
- notfound: null
-});
-const AutoScanningStep = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default.a.body
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default.a.activityArea
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default.a.activityAreaInfo
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default.a.centeredRow
-}, props.phase === PHASES.prescan && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default.a.radarBig,
- src: _icons_searching_png__WEBPACK_IMPORTED_MODULE_8___default.a
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default.a.bluetoothCenteredIcon,
- src: _icons_bluetooth_white_svg__WEBPACK_IMPORTED_MODULE_9__["default"]
-})), props.phase === PHASES.pressbutton && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- className: classnames__WEBPACK_IMPORTED_MODULE_4___default()(_connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default.a.radarBig, _connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default.a.radarSpin),
- src: _icons_searching_png__WEBPACK_IMPORTED_MODULE_8___default.a
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default.a.connectionTipIcon,
- src: props.connectionTipIconURL
-})), props.phase === PHASES.notfound && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default.a.instructions
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "No devices found",
- id: "gui.connection.auto-scanning.noPeripheralsFound"
-}))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default.a.bottomArea
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_4___default()(_connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default.a.bottomAreaItem, _connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default.a.instructions)
-}, props.phase === PHASES.prescan && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Have your device nearby, then begin searching.",
- id: "gui.connection.auto-scanning.prescan"
-}), props.phase === PHASES.pressbutton && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Press the button on your device.",
- id: "gui.connection.auto-scanning.pressbutton"
-})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_dots_jsx__WEBPACK_IMPORTED_MODULE_6__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default.a.bottomAreaItem,
- counter: 0,
- total: 3
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_4___default()(_connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default.a.bottomAreaItem, _connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default.a.buttonRow)
-}, props.phase === PHASES.prescan && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("button", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default.a.connectionButton,
- onClick: props.onStartScan
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Start Searching",
- id: "gui.connection.auto-scanning.start-search"
-})), props.phase === PHASES.pressbutton && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default.a.segmentedButton
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("button", {
- disabled: true,
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default.a.connectionButton
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Searching...",
- id: "gui.connection.connecting-searchbutton"
-})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("button", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default.a.connectionButton,
- onClick: props.onRefresh
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default.a.abortConnectingIcon,
- src: _close_button_icon_close_svg__WEBPACK_IMPORTED_MODULE_7__["default"]
-}))), props.phase === PHASES.notfound && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("button", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default.a.connectionButton,
- onClick: props.onRefresh
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default.a.buttonIconLeft,
- src: _icons_back_svg__WEBPACK_IMPORTED_MODULE_10__["default"]
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Try again",
- id: "gui.connection.auto-scanning.try-again"
-})))));
-AutoScanningStep.propTypes = {
- connectionTipIconURL: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- onRefresh: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
- onStartScan: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
- phase: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(Object.keys(PHASES))
-};
-AutoScanningStep.defaultProps = {
- phase: PHASES.prescan
-};
-
-
-/***/ }),
-
-/***/ "./src/components/connection-modal/connected-step.jsx":
-/*!************************************************************!*\
- !*** ./src/components/connection-modal/connected-step.jsx ***!
- \************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/index.es.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _box_box_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../box/box.jsx */ "./src/components/box/box.jsx");
-/* harmony import */ var _dots_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./dots.jsx */ "./src/components/connection-modal/dots.jsx");
-/* harmony import */ var _icons_bluetooth_white_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./icons/bluetooth-white.svg */ "./src/components/connection-modal/icons/bluetooth-white.svg");
-/* harmony import */ var _connection_modal_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./connection-modal.css */ "./src/components/connection-modal/connection-modal.css");
-/* harmony import */ var _connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_connection_modal_css__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_7__);
-
-
-
-
-
-
-
-
-const ConnectedStep = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.body
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.activityArea
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.centeredRow
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.peripheralActivity
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.peripheralActivityIcon,
- src: props.connectionIconURL
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.bluetoothConnectedIcon,
- src: _icons_bluetooth_white_svg__WEBPACK_IMPORTED_MODULE_5__["default"]
-})))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.bottomArea
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_7___default()(_connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.bottomAreaItem, _connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.instructions)
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Connected",
- id: "gui.connection.connected"
-})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_dots_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- success: true,
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.bottomAreaItem,
- total: 3
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: classnames__WEBPACK_IMPORTED_MODULE_7___default()(_connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.bottomAreaItem, _connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.cornerButtons)
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("button", {
- className: classnames__WEBPACK_IMPORTED_MODULE_7___default()(_connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.redButton, _connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.connectionButton),
- onClick: props.onDisconnect
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Disconnect",
- id: "gui.connection.disconnect"
-})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("button", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.connectionButton,
- onClick: props.onCancel
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Go to Editor",
- id: "gui.connection.go-to-editor"
-})))));
-ConnectedStep.propTypes = {
- connectionIconURL: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,
- onCancel: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
- onDisconnect: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func
-};
-/* harmony default export */ __webpack_exports__["default"] = (ConnectedStep);
-
-/***/ }),
-
-/***/ "./src/components/connection-modal/connecting-step.jsx":
-/*!*************************************************************!*\
- !*** ./src/components/connection-modal/connecting-step.jsx ***!
- \*************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/index.es.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _box_box_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../box/box.jsx */ "./src/components/box/box.jsx");
-/* harmony import */ var _dots_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./dots.jsx */ "./src/components/connection-modal/dots.jsx");
-/* harmony import */ var _icons_bluetooth_white_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./icons/bluetooth-white.svg */ "./src/components/connection-modal/icons/bluetooth-white.svg");
-/* harmony import */ var _close_button_icon_close_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../close-button/icon--close.svg */ "./src/components/close-button/icon--close.svg");
-/* harmony import */ var _connection_modal_css__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./connection-modal.css */ "./src/components/connection-modal/connection-modal.css");
-/* harmony import */ var _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_connection_modal_css__WEBPACK_IMPORTED_MODULE_8__);
-
-
-
-
-
-
-
-
-
-const ConnectingStep = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.body
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.activityArea
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.centeredRow
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.peripheralActivity
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.peripheralActivityIcon,
- src: props.connectionIconURL
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.bluetoothConnectingIcon,
- src: _icons_bluetooth_white_svg__WEBPACK_IMPORTED_MODULE_6__["default"]
-})))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.bottomArea
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(_connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.bottomAreaItem, _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.instructions)
-}, props.connectingMessage), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_dots_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.bottomAreaItem,
- counter: 1,
- total: 3
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(_connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.bottomAreaItem, _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.segmentedButton)
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("button", {
- disabled: true,
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.connectionButton
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Connecting...",
- id: "gui.connection.connecting-cancelbutton"
-})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("button", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.connectionButton,
- onClick: props.onDisconnect
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.abortConnectingIcon,
- src: _close_button_icon_close_svg__WEBPACK_IMPORTED_MODULE_7__["default"]
-})))));
-ConnectingStep.propTypes = {
- connectingMessage: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node.isRequired,
- connectionIconURL: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,
- onDisconnect: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func
-};
-/* harmony default export */ __webpack_exports__["default"] = (ConnectingStep);
-
-/***/ }),
-
-/***/ "./src/components/connection-modal/connection-modal.css":
-/*!**************************************************************!*\
- !*** ./src/components/connection-modal/connection-modal.css ***!
- \**************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./connection-modal.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/connection-modal/connection-modal.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/connection-modal/connection-modal.jsx":
-/*!**************************************************************!*\
- !*** ./src/components/connection-modal/connection-modal.jsx ***!
- \**************************************************************/
-/*! exports provided: default, PHASES */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return ConnectionModalComponent; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PHASES", function() { return PHASES; });
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var keymirror__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! keymirror */ "./node_modules/keymirror/index.js");
-/* harmony import */ var keymirror__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(keymirror__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _box_box_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../box/box.jsx */ "./src/components/box/box.jsx");
-/* harmony import */ var _containers_modal_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../containers/modal.jsx */ "./src/containers/modal.jsx");
-/* harmony import */ var _containers_scanning_step_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../containers/scanning-step.jsx */ "./src/containers/scanning-step.jsx");
-/* harmony import */ var _containers_auto_scanning_step_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../containers/auto-scanning-step.jsx */ "./src/containers/auto-scanning-step.jsx");
-/* harmony import */ var _connecting_step_jsx__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./connecting-step.jsx */ "./src/components/connection-modal/connecting-step.jsx");
-/* harmony import */ var _connected_step_jsx__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./connected-step.jsx */ "./src/components/connection-modal/connected-step.jsx");
-/* harmony import */ var _error_step_jsx__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./error-step.jsx */ "./src/components/connection-modal/error-step.jsx");
-/* harmony import */ var _unavailable_step_jsx__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./unavailable-step.jsx */ "./src/components/connection-modal/unavailable-step.jsx");
-/* harmony import */ var _connection_modal_css__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./connection-modal.css */ "./src/components/connection-modal/connection-modal.css");
-/* harmony import */ var _connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_connection_modal_css__WEBPACK_IMPORTED_MODULE_11__);
-
-
-
-
-
-
-
-
-
-
-
-
-const PHASES = keymirror__WEBPACK_IMPORTED_MODULE_2___default()({
- scanning: null,
- connecting: null,
- connected: null,
- error: null,
- unavailable: null
-});
-const ConnectionModalComponent = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_containers_modal_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default.a.modalContent,
- contentLabel: props.name,
- headerClassName: _connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default.a.header,
- headerImage: props.connectionSmallIconURL,
- id: "connectionModal",
- onHelp: props.onHelp,
- onRequestClose: props.onCancel
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_11___default.a.body
-}, props.phase === PHASES.scanning && !props.useAutoScan && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_containers_scanning_step_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], props), props.phase === PHASES.scanning && props.useAutoScan && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_containers_auto_scanning_step_jsx__WEBPACK_IMPORTED_MODULE_6__["default"], props), props.phase === PHASES.connecting && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_connecting_step_jsx__WEBPACK_IMPORTED_MODULE_7__["default"], props), props.phase === PHASES.connected && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_connected_step_jsx__WEBPACK_IMPORTED_MODULE_8__["default"], props), props.phase === PHASES.error && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_error_step_jsx__WEBPACK_IMPORTED_MODULE_9__["default"], props), props.phase === PHASES.unavailable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_unavailable_step_jsx__WEBPACK_IMPORTED_MODULE_10__["default"], props)));
-ConnectionModalComponent.propTypes = {
- connectingMessage: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.node.isRequired,
- connectionSmallIconURL: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,
- connectionTipIconURL: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,
- name: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.node,
- onCancel: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- onHelp: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- phase: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.oneOf(Object.keys(PHASES)).isRequired,
- title: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string.isRequired,
- useAutoScan: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool.isRequired
-};
-ConnectionModalComponent.defaultProps = {
- connectingMessage: 'Connecting'
-};
-
-
-/***/ }),
-
-/***/ "./src/components/connection-modal/dots.jsx":
-/*!**************************************************!*\
- !*** ./src/components/connection-modal/dots.jsx ***!
- \**************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _box_box_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../box/box.jsx */ "./src/components/box/box.jsx");
-/* harmony import */ var _connection_modal_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./connection-modal.css */ "./src/components/connection-modal/connection-modal.css");
-/* harmony import */ var _connection_modal_css__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_connection_modal_css__WEBPACK_IMPORTED_MODULE_4__);
-
-
-
-
-
-const Dots = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(props.className, _connection_modal_css__WEBPACK_IMPORTED_MODULE_4___default.a.dotsRow)
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_connection_modal_css__WEBPACK_IMPORTED_MODULE_4___default.a.dotsHolder, {
- [_connection_modal_css__WEBPACK_IMPORTED_MODULE_4___default.a.dotsHolderError]: props.error,
- [_connection_modal_css__WEBPACK_IMPORTED_MODULE_4___default.a.dotsHolderSuccess]: props.success
- })
-}, Array(props.total).fill(0).map((_, i) => {
- let type = 'inactive';
- if (props.counter === i) type = 'active';
- if (props.success) type = 'success';
- if (props.error) type = 'error';
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(Dot, {
- key: "dot-".concat(i),
- type: type
- });
-})));
-Dots.propTypes = {
- className: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,
- counter: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number,
- error: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool,
- success: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool,
- total: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number
-};
-const Dot = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_connection_modal_css__WEBPACK_IMPORTED_MODULE_4___default.a.dot, {
- [_connection_modal_css__WEBPACK_IMPORTED_MODULE_4___default.a.inactiveStepDot]: props.type === 'inactive',
- [_connection_modal_css__WEBPACK_IMPORTED_MODULE_4___default.a.activeStepDot]: props.type === 'active',
- [_connection_modal_css__WEBPACK_IMPORTED_MODULE_4___default.a.successDot]: props.type === 'success',
- [_connection_modal_css__WEBPACK_IMPORTED_MODULE_4___default.a.errorDot]: props.type === 'error'
- })
-});
-Dot.propTypes = {
- type: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string
-};
-/* harmony default export */ __webpack_exports__["default"] = (Dots);
-
-/***/ }),
-
-/***/ "./src/components/connection-modal/error-step.jsx":
-/*!********************************************************!*\
- !*** ./src/components/connection-modal/error-step.jsx ***!
- \********************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/index.es.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _box_box_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../box/box.jsx */ "./src/components/box/box.jsx");
-/* harmony import */ var _dots_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./dots.jsx */ "./src/components/connection-modal/dots.jsx");
-/* harmony import */ var _icons_help_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./icons/help.svg */ "./src/components/connection-modal/icons/help.svg");
-/* harmony import */ var _icons_back_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./icons/back.svg */ "./src/components/connection-modal/icons/back.svg");
-/* harmony import */ var _connection_modal_css__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./connection-modal.css */ "./src/components/connection-modal/connection-modal.css");
-/* harmony import */ var _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_connection_modal_css__WEBPACK_IMPORTED_MODULE_8__);
-
-
-
-
-
-
-
-
-
-const ErrorStep = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.body
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.activityArea
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.centeredRow
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.peripheralActivity
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("img", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.peripheralActivityIcon,
- src: props.connectionIconURL
-})))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.bottomArea
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.bottomAreaItem, _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.instructions)
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Oops, looks like something went wrong.",
- id: "gui.connection.error.errorMessage"
-})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_dots_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
- error: true,
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.bottomAreaItem,
- total: 3
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.bottomAreaItem, _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.buttonRow)
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("button", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.connectionButton,
- onClick: props.onScanning
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("img", {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.buttonIconLeft, _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.buttonIconBack),
- src: _icons_back_svg__WEBPACK_IMPORTED_MODULE_7__["default"]
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Try again",
- id: "gui.connection.error.tryagainbutton"
-})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("button", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.connectionButton,
- onClick: props.onHelp
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("img", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_8___default.a.buttonIconLeft,
- src: _icons_help_svg__WEBPACK_IMPORTED_MODULE_6__["default"]
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Help",
- id: "gui.connection.error.helpbutton"
-})))));
-ErrorStep.propTypes = {
- connectionIconURL: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,
- onHelp: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
- onScanning: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func
-};
-/* harmony default export */ __webpack_exports__["default"] = (ErrorStep);
-
-/***/ }),
-
-/***/ "./src/components/connection-modal/icons/back.svg":
-/*!********************************************************!*\
- !*** ./src/components/connection-modal/icons/back.svg ***!
- \********************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgBack; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgBack(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M3 9.823c0-.31.119-.601.333-.817l4.342-4.341a1.182 1.182 0 011.287-.24c.43.186.695.595.695 1.07V7.14l6.042.84a1.887 1.887 0 011.614 2.118c-.134.854-.8 1.514-1.62 1.617l-6.036.862v1.575c0 .48-.282.907-.717 1.088a1.145 1.145 0 01-1.265-.259l-4.342-4.341A1.151 1.151 0 013 9.823",
- fill: "#FFF",
- fillRule: "evenodd"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/42157e6edddc19588c3c2ff188703799.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/connection-modal/icons/bluetooth-white.svg":
-/*!*******************************************************************!*\
- !*** ./src/components/connection-modal/icons/bluetooth-white.svg ***!
- \*******************************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgBluetoothWhite; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgBluetoothWhite(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M10.007 12.107l2.389 1.895-2.39 1.916v-3.811zm0-8.018l2.378 1.906-2.378 1.884V4.09zM8.885 1.007a.999.999 0 00-.873 1v5.955L6.642 6.88a.996.996 0 00-.749-.22.999.999 0 00-.498 1.792l1.953 1.54-1.953 1.552a1.006 1.006 0 00-.161 1.411 1 1 0 001.407.162l1.371-1.094V18a.998.998 0 001.62.781l4.987-3.998a1.002 1.002 0 000-1.573l-4.051-3.207 4.05-3.217a1.002 1.002 0 000-1.562L9.634 1.225a.997.997 0 00-.748-.218z",
- fill: "#FFF",
- fillRule: "evenodd"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/0fd9fd69a38ab79358df5a77b29702c8.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/connection-modal/icons/bluetooth.svg":
-/*!*************************************************************!*\
- !*** ./src/components/connection-modal/icons/bluetooth.svg ***!
- \*************************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgBluetooth; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _defs, _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgBluetooth(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 52,
- height: 52,
- xmlns: "http://www.w3.org/2000/svg",
- xmlnsXlink: "http://www.w3.org/1999/xlink"
- }, props), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("filter", {
- x: "-13.6%",
- y: "-13.6%",
- width: "127.3%",
- height: "127.3%",
- filterUnits: "objectBoundingBox",
- id: "bluetooth_svg__a"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("feMorphology", {
- radius: 2,
- operator: "dilate",
- in: "SourceAlpha",
- result: "shadowSpreadOuter1"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("feOffset", {
- in: "shadowSpreadOuter1",
- result: "shadowOffsetOuter1"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("feColorMatrix", {
- values: "0 0 0 0 0.298039216 0 0 0 0 0.592156863 0 0 0 0 1 0 0 0 0.25 0",
- in: "shadowOffsetOuter1"
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("circle", {
- id: "bluetooth_svg__b",
- cx: 22,
- cy: 22,
- r: 22
- }))), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- fill: "none",
- fillRule: "evenodd"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- transform: "translate(4 4)"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", {
- fill: "#000",
- filter: "url(#bluetooth_svg__a)",
- xlinkHref: "#bluetooth_svg__b"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", {
- fill: "#4C97FF",
- xlinkHref: "#bluetooth_svg__b"
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M26.01 29.417l3.504 2.773-3.504 2.804v-5.577zm0-11.73l3.489 2.787-3.489 2.758v-5.545zm-1.645-4.51a1.463 1.463 0 00-1.28 1.463v8.714l-2.011-1.585a1.463 1.463 0 00-1.097-.32 1.462 1.462 0 00-.731 2.62l2.864 2.256-2.864 2.27a1.469 1.469 0 101.828 2.3l2.01-1.6v8.745a1.462 1.462 0 002.378 1.143l7.312-5.85a1.463 1.463 0 000-2.301l-5.942-4.692 5.942-4.708a1.463 1.463 0 000-2.285l-7.312-5.85a1.465 1.465 0 00-1.097-.32z",
- fill: "#FFF"
- }))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/8b8f2d052b4092ec47ad66c30c8b1642.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/connection-modal/icons/help.svg":
-/*!********************************************************!*\
- !*** ./src/components/connection-modal/icons/help.svg ***!
- \********************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgHelp; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgHelp(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M10 18A8 8 0 1110 2 8 8 0 0110 18zm-.147-5.638a1.05 1.05 0 00-1.047 1.06c0 .571.463 1.046 1.047 1.046.586 0 1.061-.475 1.061-1.046a1.06 1.06 0 00-1.06-1.06zm-.391-.719h.698c.189 0 .365-.119.41-.302.089-.37.344-.624.685-.88l.46-.34c.73-.548 1.183-1.215 1.183-2.191 0-1.216-.987-2.397-2.96-2.397-1.777 0-2.836 1.204-2.836 2.628l.002.115c.01.221.185.403.406.41l.874.03a.42.42 0 00.435-.423v-.01c0-.57.414-1.143 1.12-1.143.731 0 1.083.461 1.083.936 0 .317-.108.61-.437.854l-.62.463c-.696.522-.929 1.142-.929 1.715l.002.127a.422.422 0 00.424.408z",
- fill: "#FFF",
- fillRule: "evenodd"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/4b6100c9f591be6470cdfd4697de0b54.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/connection-modal/icons/refresh.svg":
-/*!***********************************************************!*\
- !*** ./src/components/connection-modal/icons/refresh.svg ***!
- \***********************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgRefresh; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgRefresh(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M6.748 14.63c0 .363-.296.659-.662.659a.67.67 0 01-.673-.66c0-.374.307-.67.673-.67.366 0 .662.296.662.67zm4.63-8.493a4.279 4.279 0 00-3.58 1.043l1.156 1.15a.718.718 0 01-.515 1.222H3.723A.725.725 0 013 8.832V4.14c0-.64.772-.955 1.227-.513l.99.984c.9-.698 1.946-1.2 3.045-1.436a7.603 7.603 0 013.817.148c2.452.738 4.35 2.785 4.894 5.127.13.56-.226 1.131-.79 1.26a1.05 1.05 0 01-1.226-.65v-.01c-.603-1.566-2.057-2.687-3.58-2.913zm-1.92 10.008a.75.75 0 01-.751.747.741.741 0 01-.742-.747c0-.414.326-.738.742-.738.415 0 .751.324.751.738zm5.835-1.427a.903.903 0 01-.91.895.903.903 0 01-.91-.895c0-.502.405-.906.91-.906s.91.404.91.906zm1.661-2.579a.983.983 0 01-.989.984.983.983 0 110-1.968.99.99 0 01.99.984zm-4.39 4.034a.825.825 0 11-1.652 0 .825.825 0 111.652 0z",
- fill: "#FFF",
- fillRule: "evenodd"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/71655cde34ae75f48cb8820abf4b31e7.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/connection-modal/icons/scratchlink.svg":
-/*!***************************************************************!*\
- !*** ./src/components/connection-modal/icons/scratchlink.svg ***!
- \***************************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgScratchlink; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _style, _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgScratchlink(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 52,
- height: 52,
- id: "scratchlink_svg__Layer_1",
- xmlns: "http://www.w3.org/2000/svg",
- x: 0,
- y: 0,
- xmlSpace: "preserve"
- }, props), _style || (_style = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("style", null, ".scratchlink_svg__st1{fill:#fff}")), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- id: "scratchlink_svg___x35_2x52-for-the-dialog"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- id: "scratchlink_svg__Group"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- id: "scratchlink_svg__bg",
- d: "M41.4 5c3.1 0 5.6 2.5 5.6 5.6v30.8c0 3.1-2.5 5.6-5.6 5.6H10.6C7.5 47 5 44.5 5 41.4V10.6C5 7.5 7.5 5 10.6 5h30.8z",
- fill: "#0fbd8c"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- id: "scratchlink_svg__scratch-outline-2",
- className: "scratchlink_svg__st1",
- d: "M28.8 28.9c0 2.7-1.1 5.4-3.2 7.2a9.61 9.61 0 01-5.9 2.4c-1 .8-2.2 1.3-3.5 1.4h-.4c-3.3 0-6.1-2.7-6.4-6.2v-.2-.1c-.1-1.5 0-2.7 0-3.4 0-.7.1-2 .1-2.3 0-1 .3-2 .7-2.9-.1-1-.1-2.1 0-3.2v-.2-.1-.1c.1-1 .3-2.5 1.1-4.2 1.4-2.7 4-4.3 7-4.3h.1c.9-.5 2-.8 3.1-.8h.1c3.5.1 6.3 3.1 6.3 6.7 0 0-.1 4.4-.3 5.9.8 1.4 1.1 2.9 1.2 4.4"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- id: "scratchlink_svg__scratch-outline-1",
- d: "M25.8 29c0 1.8-.8 3.6-2.2 4.8-1.2 1.1-2.8 1.7-4.3 1.7-.3 0-.5 0-.8-.1-.1.1-.1.2-.2.2-.6.7-1.5 1.1-2.4 1.2h-.2c-1.8 0-3.3-1.5-3.4-3.3v-.1c-.1-1.3 0-2.4 0-3.1 0-.8.1-2.1.1-2.4 0-.9.3-1.7.9-2.4-.3-1-.4-2.1-.2-3.5v-.2c.1-.8.2-2 .8-3.1.9-1.7 2.5-2.7 4.4-2.7h.3c.2 0 .4 0 .6.1.6-.6 1.5-.9 2.4-.9 1.9 0 3.4 1.6 3.4 3.6 0 0-.2 5.2-.2 5.7 0 .3-.1.5-.2.8.7.9 1.2 2.2 1.2 3.7",
- fill: "#f9a83a"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- id: "scratchlink_svg__scratch-fill",
- className: "scratchlink_svg__st1",
- d: "M18.3 25.3c-.9-.1-1.4-.8-1.1-2.7v-.2c.2-1.7.4-2 1.1-2 .2 0 .5.2.7.4.2.3.8.7 1.1 1.4.2.5.3.9.3 1.3v.5c.1.3.3.6.6.6.4.1.8-.2.9-.6 0-.1.2-5.1.2-5.2 0-.4-.3-.8-.8-.8-.4 0-.8.4-.8.8v1.4c-.6-.7-1.4-1.3-2.3-1.4-2.3-.1-2.6 2.1-2.8 3.4v.2c-.3 2.5.5 4.2 2.4 4.5 2.1.3 3.5.8 3.5 2.2 0 .5-.3 1.1-.7 1.5-.6.5-1.3.7-2 .6-.2 0-.4-.1-.6-.2-.3-.2-1-.6-1.3-1.1-.3-.4-.4-1.1-.4-1.5v-.3c0-.4-.3-.8-.8-.8-.4 0-.8.3-.8.8 0 0 0 1.6-.1 2.5-.1 1.5 0 2.8 0 2.9 0 .4.4.8.8.8s.8-.4.7-.9v-1.5c.6.4 1.3.7 2.2.9 1.2.2 2.3-.1 3.3-1 .8-.7 1.3-1.7 1.3-2.7.2-3.1-3-3.6-4.6-3.8"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- id: "scratchlink_svg__signal",
- className: "scratchlink_svg__st1",
- d: "M37.7 36.9c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1 2.6-2.6 4-6 4-9.6 0-3.6-1.4-7.1-4-9.7-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1 0 2.8 2.9 4.4 6.7 4.4 10.7 0 4-1.6 7.9-4.4 10.7-.1.3-.3.3-.5.3zM35 33.5c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1 1.7-1.7 2.6-3.9 2.6-6.3s-.9-4.6-2.6-6.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1 0 1.9 2 3 4.6 3 7.3 0 2.8-1.1 5.4-3 7.3-.1.4-.3.4-.5.4zm-2.7-3.4c-.2 0-.4-.1-.5-.2-.3-.3-.3-.8 0-1.1.8-.8 1.2-1.8 1.2-2.9 0-1.1-.4-2.1-1.2-2.9-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1 0 1 1 1.6 2.4 1.6 3.9s-.6 2.9-1.6 3.9c-.1.4-.3.4-.5.4z"
- })))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/05e05756b592740a3670417b4df19ca9.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/connection-modal/icons/searching.png":
-/*!*************************************************************!*\
- !*** ./src/components/connection-modal/icons/searching.png ***!
- \*************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__.p + "static/assets/572a212c2e777e3a9061c97453497009.png";
-
-/***/ }),
-
-/***/ "./src/components/connection-modal/peripheral-tile.jsx":
-/*!*************************************************************!*\
- !*** ./src/components/connection-modal/peripheral-tile.jsx ***!
- \*************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/index.es.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var lodash_bindall__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash.bindall */ "./node_modules/lodash.bindall/index.js");
-/* harmony import */ var lodash_bindall__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_bindall__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _box_box_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../box/box.jsx */ "./src/components/box/box.jsx");
-/* harmony import */ var _connection_modal_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./connection-modal.css */ "./src/components/connection-modal/connection-modal.css");
-/* harmony import */ var _connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_connection_modal_css__WEBPACK_IMPORTED_MODULE_6__);
-
-
-
-
-
-
-
-class PeripheralTile extends react__WEBPACK_IMPORTED_MODULE_3___default.a.Component {
- constructor(props) {
- super(props);
- lodash_bindall__WEBPACK_IMPORTED_MODULE_4___default()(this, ['handleConnecting']);
- }
- handleConnecting() {
- this.props.onConnecting(this.props.peripheralId);
- }
- render() {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.peripheralTile
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.peripheralTileName
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("img", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.peripheralTileImage,
- src: this.props.connectionSmallIconURL
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.peripheralTileNameWrapper
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.peripheralTileNameLabel
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Device name",
- id: "gui.connection.peripheral-name-label"
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.peripheralTileNameText
- }, this.props.name))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.peripheralTileWidgets
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.signalStrengthMeter
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.signalBar, {
- [_connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.greenBar]: this.props.rssi > -80
- })
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.signalBar, {
- [_connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.greenBar]: this.props.rssi > -60
- })
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.signalBar, {
- [_connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.greenBar]: this.props.rssi > -40
- })
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.signalBar, {
- [_connection_modal_css__WEBPACK_IMPORTED_MODULE_6___default.a.greenBar]: this.props.rssi > -20
- })
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("button", {
- onClick: this.handleConnecting
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Connect",
- id: "gui.connection.connect"
- }))));
- }
-}
-PeripheralTile.propTypes = {
- connectionSmallIconURL: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- onConnecting: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
- peripheralId: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- rssi: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number
-};
-/* harmony default export */ __webpack_exports__["default"] = (PeripheralTile);
-
-/***/ }),
-
-/***/ "./src/components/connection-modal/scanning-step.jsx":
-/*!***********************************************************!*\
- !*** ./src/components/connection-modal/scanning-step.jsx ***!
- \***********************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/index.es.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _box_box_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../box/box.jsx */ "./src/components/box/box.jsx");
-/* harmony import */ var _peripheral_tile_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./peripheral-tile.jsx */ "./src/components/connection-modal/peripheral-tile.jsx");
-/* harmony import */ var _dots_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./dots.jsx */ "./src/components/connection-modal/dots.jsx");
-/* harmony import */ var _icons_searching_png__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./icons/searching.png */ "./src/components/connection-modal/icons/searching.png");
-/* harmony import */ var _icons_searching_png__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_icons_searching_png__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var _icons_refresh_svg__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./icons/refresh.svg */ "./src/components/connection-modal/icons/refresh.svg");
-/* harmony import */ var _connection_modal_css__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./connection-modal.css */ "./src/components/connection-modal/connection-modal.css");
-/* harmony import */ var _connection_modal_css__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_connection_modal_css__WEBPACK_IMPORTED_MODULE_9__);
-
-
-
-
-
-
-
-
-
-
-const ScanningStep = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_9___default.a.body
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_9___default.a.activityArea
-}, props.scanning ? props.peripheralList.length === 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_9___default.a.activityAreaInfo
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_9___default.a.centeredRow
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(_connection_modal_css__WEBPACK_IMPORTED_MODULE_9___default.a.radarSmall, _connection_modal_css__WEBPACK_IMPORTED_MODULE_9___default.a.radarSpin),
- src: _icons_searching_png__WEBPACK_IMPORTED_MODULE_7___default.a
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Looking for devices",
- id: "gui.connection.scanning.lookingforperipherals"
-}))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_9___default.a.peripheralTilePane
-}, props.peripheralList.map(peripheral => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_peripheral_tile_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
- connectionSmallIconURL: props.connectionSmallIconURL,
- key: peripheral.peripheralId,
- name: peripheral.name,
- peripheralId: peripheral.peripheralId,
- rssi: peripheral.rssi,
- onConnecting: props.onConnecting
-}))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_9___default.a.instructions
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "No devices found",
- id: "gui.connection.scanning.noPeripheralsFound"
-}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_9___default.a.bottomArea
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(_connection_modal_css__WEBPACK_IMPORTED_MODULE_9___default.a.bottomAreaItem, _connection_modal_css__WEBPACK_IMPORTED_MODULE_9___default.a.instructions)
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Select your device in the list above.",
- id: "gui.connection.scanning.instructions"
-})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_dots_jsx__WEBPACK_IMPORTED_MODULE_6__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_9___default.a.bottomAreaItem,
- counter: 0,
- total: 3
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("button", {
- className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(_connection_modal_css__WEBPACK_IMPORTED_MODULE_9___default.a.bottomAreaItem, _connection_modal_css__WEBPACK_IMPORTED_MODULE_9___default.a.connectionButton),
- onClick: props.onRefresh
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Refresh",
- id: "gui.connection.search"
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_9___default.a.buttonIconRight,
- src: _icons_refresh_svg__WEBPACK_IMPORTED_MODULE_8__["default"]
-}))));
-ScanningStep.propTypes = {
- connectionSmallIconURL: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- onConnecting: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
- onRefresh: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
- peripheralList: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({
- name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- rssi: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,
- peripheralId: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string
- })),
- scanning: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool.isRequired
-};
-ScanningStep.defaultProps = {
- peripheralList: [],
- scanning: true
-};
-/* harmony default export */ __webpack_exports__["default"] = (ScanningStep);
-
-/***/ }),
-
-/***/ "./src/components/connection-modal/unavailable-step.jsx":
-/*!**************************************************************!*\
- !*** ./src/components/connection-modal/unavailable-step.jsx ***!
- \**************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/index.es.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _box_box_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../box/box.jsx */ "./src/components/box/box.jsx");
-/* harmony import */ var _dots_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./dots.jsx */ "./src/components/connection-modal/dots.jsx");
-/* harmony import */ var _icons_help_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./icons/help.svg */ "./src/components/connection-modal/icons/help.svg");
-/* harmony import */ var _icons_back_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./icons/back.svg */ "./src/components/connection-modal/icons/back.svg");
-/* harmony import */ var _icons_bluetooth_svg__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./icons/bluetooth.svg */ "./src/components/connection-modal/icons/bluetooth.svg");
-/* harmony import */ var _icons_scratchlink_svg__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./icons/scratchlink.svg */ "./src/components/connection-modal/icons/scratchlink.svg");
-/* harmony import */ var _connection_modal_css__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./connection-modal.css */ "./src/components/connection-modal/connection-modal.css");
-/* harmony import */ var _connection_modal_css__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_connection_modal_css__WEBPACK_IMPORTED_MODULE_10__);
-
-
-
-
-
-
-
-
-
-
-
-const UnavailableStep = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_10___default.a.body
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_10___default.a.activityArea
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_10___default.a.scratchLinkHelp
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_10___default.a.scratchLinkHelpStep
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_10___default.a.helpStepNumber
-}, '1'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_10___default.a.helpStepImage
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("img", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_10___default.a.scratchLinkIcon,
- src: _icons_scratchlink_svg__WEBPACK_IMPORTED_MODULE_9__["default"]
-})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_10___default.a.helpStepText
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Make sure you have Scratch Link installed and running",
- id: "gui.connection.unavailable.installscratchlink"
-}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_10___default.a.scratchLinkHelpStep
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_10___default.a.helpStepNumber
-}, '2'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_10___default.a.helpStepImage
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("img", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_10___default.a.scratchLinkIcon,
- src: _icons_bluetooth_svg__WEBPACK_IMPORTED_MODULE_8__["default"]
-})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_10___default.a.helpStepText
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Check that Bluetooth is enabled",
- id: "gui.connection.unavailable.enablebluetooth"
-}))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_10___default.a.bottomArea
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_dots_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
- error: true,
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_10___default.a.bottomAreaItem,
- total: 3
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_connection_modal_css__WEBPACK_IMPORTED_MODULE_10___default.a.bottomAreaItem, _connection_modal_css__WEBPACK_IMPORTED_MODULE_10___default.a.buttonRow)
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("button", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_10___default.a.connectionButton,
- onClick: props.onScanning
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("img", {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_connection_modal_css__WEBPACK_IMPORTED_MODULE_10___default.a.buttonIconLeft, _connection_modal_css__WEBPACK_IMPORTED_MODULE_10___default.a.buttonIconBack),
- src: _icons_back_svg__WEBPACK_IMPORTED_MODULE_7__["default"]
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Try again",
- id: "gui.connection.unavailable.tryagainbutton"
-})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("button", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_10___default.a.connectionButton,
- onClick: props.onHelp
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("img", {
- className: _connection_modal_css__WEBPACK_IMPORTED_MODULE_10___default.a.buttonIconLeft,
- src: _icons_help_svg__WEBPACK_IMPORTED_MODULE_6__["default"]
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Help",
- id: "gui.connection.unavailable.helpbutton"
-})))));
-UnavailableStep.propTypes = {
- onHelp: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
- onScanning: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func
-};
-/* harmony default export */ __webpack_exports__["default"] = (UnavailableStep);
-
-/***/ }),
-
-/***/ "./src/components/context-menu/context-menu.css":
-/*!******************************************************!*\
- !*** ./src/components/context-menu/context-menu.css ***!
- \******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./context-menu.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/context-menu/context-menu.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/context-menu/context-menu.jsx":
-/*!******************************************************!*\
- !*** ./src/components/context-menu/context-menu.jsx ***!
- \******************************************************/
-/*! exports provided: BorderedMenuItem, DangerousMenuItem, ContextMenu, MenuItem */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BorderedMenuItem", function() { return BorderedMenuItem; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DangerousMenuItem", function() { return DangerousMenuItem; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ContextMenu", function() { return StyledContextMenu; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MenuItem", function() { return StyledMenuItem; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react_contextmenu__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-contextmenu */ "./node_modules/react-contextmenu/es6/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _context_menu_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./context-menu.css */ "./src/components/context-menu/context-menu.css");
-/* harmony import */ var _context_menu_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_context_menu_css__WEBPACK_IMPORTED_MODULE_3__);
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-
-
-
-const StyledContextMenu = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_contextmenu__WEBPACK_IMPORTED_MODULE_1__["ContextMenu"], _extends({}, props, {
- className: _context_menu_css__WEBPACK_IMPORTED_MODULE_3___default.a.contextMenu
-}));
-const StyledMenuItem = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_contextmenu__WEBPACK_IMPORTED_MODULE_1__["MenuItem"], _extends({}, props, {
- attributes: {
- className: _context_menu_css__WEBPACK_IMPORTED_MODULE_3___default.a.menuItem
- }
-}));
-const BorderedMenuItem = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_contextmenu__WEBPACK_IMPORTED_MODULE_1__["MenuItem"], _extends({}, props, {
- attributes: {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_context_menu_css__WEBPACK_IMPORTED_MODULE_3___default.a.menuItem, _context_menu_css__WEBPACK_IMPORTED_MODULE_3___default.a.menuItemBordered)
- }
-}));
-const DangerousMenuItem = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_contextmenu__WEBPACK_IMPORTED_MODULE_1__["MenuItem"], _extends({}, props, {
- attributes: {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_context_menu_css__WEBPACK_IMPORTED_MODULE_3___default.a.menuItem, _context_menu_css__WEBPACK_IMPORTED_MODULE_3___default.a.menuItemBordered, _context_menu_css__WEBPACK_IMPORTED_MODULE_3___default.a.menuItemDanger)
- }
-}));
-
-
-/***/ }),
-
-/***/ "./src/components/controls/controls.css":
-/*!**********************************************!*\
- !*** ./src/components/controls/controls.css ***!
- \**********************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./controls.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/controls/controls.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/controls/controls.jsx":
-/*!**********************************************!*\
- !*** ./src/components/controls/controls.jsx ***!
- \**********************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/index.es.js");
-/* harmony import */ var _green_flag_green_flag_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../green-flag/green-flag.jsx */ "./src/components/green-flag/green-flag.jsx");
-/* harmony import */ var _pause_button_pause_button_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../pause-button/pause-button.jsx */ "./src/components/pause-button/pause-button.jsx");
-/* harmony import */ var _stop_all_stop_all_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../stop-all/stop-all.jsx */ "./src/components/stop-all/stop-all.jsx");
-/* harmony import */ var _turbo_mode_turbo_mode_jsx__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../turbo-mode/turbo-mode.jsx */ "./src/components/turbo-mode/turbo-mode.jsx");
-/* harmony import */ var _tw_framerate_indicator_framerate_indicator_jsx__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../tw-framerate-indicator/framerate-indicator.jsx */ "./src/components/tw-framerate-indicator/framerate-indicator.jsx");
-/* harmony import */ var _controls_css__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./controls.css */ "./src/components/controls/controls.css");
-/* harmony import */ var _controls_css__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_controls_css__WEBPACK_IMPORTED_MODULE_9__);
-const _excluded = ["active", "paused", "className", "intl", "onGreenFlagClick", "onPauseButtonClick", "onStopAllClick", "turbo", "framerate", "interpolation", "isSmall"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-
-
-
-
-
-
-
-
-
-
-const messages = Object(react_intl__WEBPACK_IMPORTED_MODULE_3__["defineMessages"])({
- goTitle: {
- "id": "gui.controls.go",
- "defaultMessage": "Go"
- },
- pauseTitle: {
- "id": "gui.controls.pause",
- "defaultMessage": "Pause"
- },
- stopTitle: {
- "id": "gui.controls.stop",
- "defaultMessage": "Stop"
- }
-});
-const Controls = function Controls(props) {
- const {
- active,
- paused,
- className,
- intl,
- onGreenFlagClick,
- onPauseButtonClick,
- onStopAllClick,
- turbo,
- framerate,
- interpolation,
- isSmall
- } = props,
- componentProps = _objectWithoutProperties(props, _excluded);
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", _extends({
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_controls_css__WEBPACK_IMPORTED_MODULE_9___default.a.controlsContainer, className)
- }, componentProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_green_flag_green_flag_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- active: active,
- title: intl.formatMessage(messages.goTitle),
- onClick: onGreenFlagClick
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_pause_button_pause_button_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
- paused: paused,
- title: intl.formatMessage(messages.pauseTitle),
- onClick: onPauseButtonClick
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_stop_all_stop_all_jsx__WEBPACK_IMPORTED_MODULE_6__["default"], {
- active: active,
- title: intl.formatMessage(messages.stopTitle),
- onClick: onStopAllClick
- }), turbo ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_turbo_mode_turbo_mode_jsx__WEBPACK_IMPORTED_MODULE_7__["default"], {
- isSmall: isSmall
- }) : null, !isSmall && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_tw_framerate_indicator_framerate_indicator_jsx__WEBPACK_IMPORTED_MODULE_8__["default"], {
- framerate: framerate,
- interpolation: interpolation
- }));
-};
-Controls.propTypes = {
- active: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- paused: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- intl: react_intl__WEBPACK_IMPORTED_MODULE_3__["intlShape"].isRequired,
- onGreenFlagClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
- onPauseButtonClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
- onStopAllClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
- framerate: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,
- interpolation: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- isSmall: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- turbo: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool
-};
-Controls.defaultProps = {
- active: false,
- turbo: false,
- isSmall: false
-};
-/* harmony default export */ __webpack_exports__["default"] = (Object(react_intl__WEBPACK_IMPORTED_MODULE_3__["injectIntl"])(Controls));
-
-/***/ }),
-
-/***/ "./src/components/crash-message/crash-message.css":
-/*!********************************************************!*\
- !*** ./src/components/crash-message/crash-message.css ***!
- \********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./crash-message.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/crash-message/crash-message.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/crash-message/crash-message.jsx":
-/*!********************************************************!*\
- !*** ./src/components/crash-message/crash-message.jsx ***!
- \********************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _box_box_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../box/box.jsx */ "./src/components/box/box.jsx");
-/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/index.es.js");
-/* harmony import */ var _crash_message_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./crash-message.css */ "./src/components/crash-message/crash-message.css");
-/* harmony import */ var _crash_message_css__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_crash_message_css__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _reload_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./reload.svg */ "./src/components/crash-message/reload.svg");
-
-
-
-
-
-
-const CrashMessage = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _crash_message_css__WEBPACK_IMPORTED_MODULE_4___default.a.crashWrapper
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
- className: _crash_message_css__WEBPACK_IMPORTED_MODULE_4___default.a.body
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- className: _crash_message_css__WEBPACK_IMPORTED_MODULE_4___default.a.reloadIcon,
- src: _reload_svg__WEBPACK_IMPORTED_MODULE_5__["default"]
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("p", {
- className: _crash_message_css__WEBPACK_IMPORTED_MODULE_4___default.a.header
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_3__["FormattedMessage"], {
- defaultMessage: "Oops! Something went wrong.",
- id: "gui.crashMessage.label"
-})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("p", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_3__["FormattedMessage"], {
- defaultMessage: 'We are so sorry, but it looks like the page has crashed.' + ' Please refresh your page to try' + ' again.' + ' If the problem persists, please report this error to our Discord.',
- id: "tw.gui.crashMessage.description"
-})), props.errorMessage && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("p", {
- className: _crash_message_css__WEBPACK_IMPORTED_MODULE_4___default.a.errorMessage
-}, props.errorMessage), props.eventId && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("p", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_3__["FormattedMessage"], {
- defaultMessage: "Your error was logged with id {errorId}",
- id: "gui.crashMessage.errorNumber",
- values: {
- errorId: props.eventId
- }
-})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- className: _crash_message_css__WEBPACK_IMPORTED_MODULE_4___default.a.reloadButton,
- onClick: props.onReload
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_3__["FormattedMessage"], {
- defaultMessage: "Reload",
- id: "gui.crashMessage.reload"
-}))));
-CrashMessage.propTypes = {
- eventId: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,
- errorMessage: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,
- onReload: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired
-};
-/* harmony default export */ __webpack_exports__["default"] = (CrashMessage);
-
-/***/ }),
-
-/***/ "./src/components/crash-message/reload.svg":
-/*!*************************************************!*\
- !*** ./src/components/crash-message/reload.svg ***!
- \*************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgReload; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgReload(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 40,
- height: 47,
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M40 26.896c0 11.04-8.961 20.002-19.998 20.002C8.997 46.898 0 37.937 0 26.896 0 16.43 8.133 7.826 18.389 7.002V2.486c0-1.972 2.147-3.155 3.832-2.08L33.978 7.97c1.541.968 1.541 3.19 0 4.194l-11.757 7.528c-1.685 1.075-3.832-.108-3.832-2.08v-4.301c-6.814.789-12.116 6.56-12.116 13.585 0 7.6 6.165 13.73 13.729 13.73 7.56 0 13.725-6.13 13.725-13.73 0-1.717 1.402-3.118 3.154-3.118A3.123 3.123 0 0140 26.896",
- fill: "#FFF",
- fillRule: "evenodd"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/dd98971c2c185caf86144b6b5234d0fa.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/custom-procedures/custom-procedures.css":
-/*!****************************************************************!*\
- !*** ./src/components/custom-procedures/custom-procedures.css ***!
- \****************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./custom-procedures.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/custom-procedures/custom-procedures.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/custom-procedures/custom-procedures.jsx":
-/*!****************************************************************!*\
- !*** ./src/components/custom-procedures/custom-procedures.jsx ***!
- \****************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _containers_modal_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../containers/modal.jsx */ "./src/containers/modal.jsx");
-/* harmony import */ var _box_box_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../box/box.jsx */ "./src/components/box/box.jsx");
-/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/index.es.js");
-/* harmony import */ var _icon_dropper_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./icon--dropper.svg */ "./src/components/custom-procedures/icon--dropper.svg");
-/* harmony import */ var _icon_boolean_input_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./icon--boolean-input.svg */ "./src/components/custom-procedures/icon--boolean-input.svg");
-/* harmony import */ var _icon_text_input_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./icon--text-input.svg */ "./src/components/custom-procedures/icon--text-input.svg");
-/* harmony import */ var _icon_label_svg__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./icon--label.svg */ "./src/components/custom-procedures/icon--label.svg");
-/* harmony import */ var _icon_stack_block_svg__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./icon--stack-block.svg */ "./src/components/custom-procedures/icon--stack-block.svg");
-/* harmony import */ var _icon_terminal_block_svg__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./icon--terminal-block.svg */ "./src/components/custom-procedures/icon--terminal-block.svg");
-/* harmony import */ var _icon_reporter_block_svg__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./icon--reporter-block.svg */ "./src/components/custom-procedures/icon--reporter-block.svg");
-/* harmony import */ var _icon_boolean_block_svg__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./icon--boolean-block.svg */ "./src/components/custom-procedures/icon--boolean-block.svg");
-/* harmony import */ var _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./custom-procedures.css */ "./src/components/custom-procedures/custom-procedures.css");
-/* harmony import */ var _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_custom_procedures_css__WEBPACK_IMPORTED_MODULE_13__);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const messages = Object(react_intl__WEBPACK_IMPORTED_MODULE_4__["defineMessages"])({
- myblockModalTitle: {
- "id": "gui.customProcedures.myblockModalTitle",
- "defaultMessage": "Make a Block"
- }
-});
-const BlockColorSection = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.colorPickerArea
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.presetColor,
- style: {
- background: "#4C97FF"
- },
- onClick: () => props.setHexBlockColor("#4C97FF")
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.presetColor,
- style: {
- background: "#9966FF"
- },
- onClick: () => props.setHexBlockColor("#9966FF")
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.presetColor,
- style: {
- background: "#CF63CF"
- },
- onClick: () => props.setHexBlockColor("#CF63CF")
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.presetColor,
- style: {
- background: "#FFBF00"
- },
- onClick: () => props.setHexBlockColor("#FFBF00")
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.presetColor,
- style: {
- background: "#FFAB19"
- },
- onClick: () => props.setHexBlockColor("#FFAB19")
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.presetColor,
- style: {
- background: "#5CB1D6"
- },
- onClick: () => props.setHexBlockColor("#5CB1D6")
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.presetColor,
- style: {
- background: "#59C059"
- },
- onClick: () => props.setHexBlockColor("#59C059")
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.presetColor,
- style: {
- background: "#FF8C1A"
- },
- onClick: () => props.setHexBlockColor("#FF8C1A")
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.presetColor,
- style: {
- background: "#FF661A"
- },
- onClick: () => props.setHexBlockColor("#FF661A")
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.presetColor,
- style: {
- background: "#FF6680"
- },
- onClick: () => props.setHexBlockColor("#FF6680")
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.presetColor,
- style: {
- background: "#0FBD8C"
- },
- onClick: () => props.setHexBlockColor("#0FBD8C")
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.presetColor,
- style: {
- background: "#FF4C4C"
- },
- onClick: () => props.setHexBlockColor("#FF4C4C")
-})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.presetColor,
- style: {
- background: "#FF8080"
- },
- onClick: () => props.setHexBlockColor("#FF8080")
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.presetColor,
- style: {
- background: "#FFB980"
- },
- onClick: () => props.setHexBlockColor("#FFB980")
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.presetColor,
- style: {
- background: "#FFF480"
- },
- onClick: () => props.setHexBlockColor("#FFF480")
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.presetColor,
- style: {
- background: "#8EFF80"
- },
- onClick: () => props.setHexBlockColor("#8EFF80")
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.presetColor,
- style: {
- background: "#80FFBD"
- },
- onClick: () => props.setHexBlockColor("#80FFBD")
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.presetColor,
- style: {
- background: "#80EAFF"
- },
- onClick: () => props.setHexBlockColor("#80EAFF")
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.presetColor,
- style: {
- background: "#80C1FF"
- },
- onClick: () => props.setHexBlockColor("#80C1FF")
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.presetColor,
- style: {
- background: "#8084FF"
- },
- onClick: () => props.setHexBlockColor("#8084FF")
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.presetColor,
- style: {
- background: "#D375FF"
- },
- onClick: () => props.setHexBlockColor("#D375FF")
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.presetColor,
- style: {
- background: "#FF8AFF"
- },
- onClick: () => props.setHexBlockColor("#FF8AFF")
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.presetColor,
- style: {
- background: "#BBBBBB"
- },
- onClick: () => props.setHexBlockColor("#BBBBBB")
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.parentCustom
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("input", {
- type: "color",
- value: props.blockColor,
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.presetColor,
- onChange: props.onBlockColorChange
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- src: _icon_dropper_svg__WEBPACK_IMPORTED_MODULE_5__["default"],
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.customPlus
-}))));
-const CustomProcedures = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_containers_modal_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
- scrollable: true,
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.modalContent,
- contentLabel: props.intl.formatMessage(messages.myblockModalTitle),
- onRequestClose: props.onCancel
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.workspace,
- componentRef: props.componentRef
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.body
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionsRow
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionCard,
- role: "button",
- tabIndex: "0",
- onClick: props.onAddTextNumber
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionIcon,
- src: _icon_text_input_svg__WEBPACK_IMPORTED_MODULE_7__["default"]
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionTitle
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_4__["FormattedMessage"], {
- defaultMessage: "Add an input",
- id: "gui.customProcedures.addAnInputNumberText"
-})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionDescription
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_4__["FormattedMessage"], {
- defaultMessage: "number or text",
- id: "gui.customProcedures.numberTextType"
-}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionCard,
- role: "button",
- tabIndex: "0",
- onClick: props.onAddBoolean
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionIcon,
- src: _icon_boolean_input_svg__WEBPACK_IMPORTED_MODULE_6__["default"]
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionTitle
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_4__["FormattedMessage"], {
- defaultMessage: "Add an input",
- id: "gui.customProcedures.addAnInputBoolean"
-})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionDescription
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_4__["FormattedMessage"], {
- defaultMessage: "boolean",
- id: "gui.customProcedures.booleanType"
-}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionCard,
- role: "button",
- tabIndex: "0",
- onClick: props.onAddCommand,
- style: {
- display: "none"
- } //shhh
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionIcon,
- src: _icon_stack_block_svg__WEBPACK_IMPORTED_MODULE_9__["default"]
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionTitle
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_4__["FormattedMessage"], {
- defaultMessage: "Add an input",
- id: "gui.customProcedures.addAnInputCommand"
-})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionDescription
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_4__["FormattedMessage"], {
- defaultMessage: "command",
- id: "gui.customProcedures.commandType"
-}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionCard,
- role: "button",
- tabIndex: "0",
- onClick: props.onAddLabel
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionIcon,
- src: _icon_label_svg__WEBPACK_IMPORTED_MODULE_8__["default"]
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionTitle
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_4__["FormattedMessage"], {
- defaultMessage: "Add a label",
- id: "gui.customProcedures.addALabel"
-})))), !props.editing && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionsRow,
- style: {
- marginTop: '1em'
- }
-}, props.returns ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_1___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionCard,
- role: "button",
- tabIndex: "0",
- onClick: () => props.onOutputTypeChanged('string')
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionIcon,
- src: _icon_reporter_block_svg__WEBPACK_IMPORTED_MODULE_11__["default"]
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionTitle
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_4__["FormattedMessage"], {
- defaultMessage: "Return Text or Number",
- id: "gui.customProcedures.returnText"
-}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionCard,
- role: "button",
- tabIndex: "0",
- onClick: () => props.onOutputTypeChanged('boolean')
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionIcon,
- src: _icon_boolean_block_svg__WEBPACK_IMPORTED_MODULE_12__["default"]
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionTitle
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_4__["FormattedMessage"], {
- defaultMessage: "Return a Boolean",
- id: "gui.customProcedures.returnABoolean"
-})))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_1___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionCard,
- role: "button",
- tabIndex: "0",
- onClick: () => props.onOutputTypeChanged('statement')
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionIcon,
- src: _icon_stack_block_svg__WEBPACK_IMPORTED_MODULE_9__["default"]
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionTitle
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_4__["FormattedMessage"], {
- defaultMessage: "Normal block",
- id: "gui.customProcedures.normalBlock"
-}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionCard,
- role: "button",
- tabIndex: "0",
- onClick: () => props.onOutputTypeChanged('end')
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionIcon,
- src: _icon_terminal_block_svg__WEBPACK_IMPORTED_MODULE_10__["default"]
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.optionTitle
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_4__["FormattedMessage"], {
- defaultMessage: "Ending block",
- id: "gui.customProcedures.endingBlock"
-}))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(BlockColorSection, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.checkboxRow
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("label", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("input", {
- checked: props.warp,
- type: "checkbox",
- onChange: props.onToggleWarp
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_4__["FormattedMessage"], {
- defaultMessage: "Run without screen refresh",
- id: "gui.customProcedures.runWithoutScreenRefresh"
-})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("br", null), !props.editing ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("label", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("input", {
- checked: props.returns,
- type: "checkbox",
- onChange: props.onToggleReturns
-}), "Returns a value")) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.buttonRow
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.cancelButton,
- onClick: props.onCancel
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_4__["FormattedMessage"], {
- defaultMessage: "Cancel",
- id: "gui.customProcedures.cancel"
-})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- className: _custom_procedures_css__WEBPACK_IMPORTED_MODULE_13___default.a.okButton,
- onClick: props.onOk
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_4__["FormattedMessage"], {
- defaultMessage: "OK",
- id: "gui.customProcedures.ok"
-})))));
-CustomProcedures.propTypes = {
- componentRef: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- intl: react_intl__WEBPACK_IMPORTED_MODULE_4__["intlShape"],
- onAddBoolean: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- onAddCommand: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- onAddLabel: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- onAddTextNumber: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- onCancel: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- onOk: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- onToggleWarp: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- onToggleReturns: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- warp: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool.isRequired,
- returns: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool.isRequired,
- editing: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool.isRequired,
- selectedType: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string.isRequired,
- onOutputTypeChanged: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired
-};
-/* harmony default export */ __webpack_exports__["default"] = (Object(react_intl__WEBPACK_IMPORTED_MODULE_4__["injectIntl"])(CustomProcedures));
-
-/***/ }),
-
-/***/ "./src/components/custom-procedures/icon--boolean-block.svg":
-/*!******************************************************************!*\
- !*** ./src/components/custom-procedures/icon--boolean-block.svg ***!
- \******************************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconBooleanBlock; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconBooleanBlock(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- xmlns: "http://www.w3.org/2000/svg",
- width: 93,
- height: 57
- }, props), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- className: "icon--boolean-block_svg__blocklyBlockCanvas"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- "data-id": "OOCb7Z,PN4|a=/6zM8i6",
- className: "icon--boolean-block_svg__blocklyDraggable icon--boolean-block_svg__blocklySelected",
- "data-shapes": "reporter boolean"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- className: "icon--boolean-block_svg__blocklyPath icon--boolean-block_svg__blocklyBlockBackground",
- stroke: "#F35",
- fill: "#FF6680",
- d: "M20 0h52.083l20 20-20 20H20L0 20 20 0z"
- })))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/88a3bec89367b65d176c22eef8c6ddcd.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/custom-procedures/icon--boolean-input.svg":
-/*!******************************************************************!*\
- !*** ./src/components/custom-procedures/icon--boolean-input.svg ***!
- \******************************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconBooleanInput; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _defs, _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconBooleanInput(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 57 49"
- }, props), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("style", null))), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- id: "icon--boolean-input_svg__boolean_boolean_inputs",
- "data-name": "boolean + boolean inputs",
- stroke: "#f35"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
- x: 0.5,
- y: 0.5,
- width: 56,
- height: 48,
- rx: 4,
- ry: 4,
- fill: "#ff6680",
- strokeMiterlimit: 10
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M32.5 40.5h-8l-16-16h0l16-16h8l16 16h0z",
- fill: "#ff4d6a",
- strokeLinecap: "round",
- strokeLinejoin: "round"
- }))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/10811a978de201353d564df7ba1ddb58.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/custom-procedures/icon--dropper.svg":
-/*!************************************************************!*\
- !*** ./src/components/custom-procedures/icon--dropper.svg ***!
- \************************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconDropper; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconDropper(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M9.153 12.482c-.12.137-.273.222-.546.29-.699.154-1.364.784-1.569 1.483-.068.222-.29.46-.529.58l-1.774.835a.62.62 0 01-.187.051l-.273-.255c0-.017 0-.085.05-.205l.837-1.79a1.01 1.01 0 01.58-.511c.7-.222 1.33-.87 1.518-1.722.034-.136.12-.273.239-.41l3.94-3.92 1.655 1.654-3.94 3.92zm7.455-7.193A1.37 1.37 0 0017 4.334c0-.341-.136-.682-.392-.938a1.329 1.329 0 00-1.894 0L13.23 4.88l-.17-.17-.546-.546a.886.886 0 00-1.245 0l-.666.648c-.324.341-.34.836-.05 1.177L6.594 9.925c-.29.307-.495.665-.614 1.177-.052.255-.342.545-.615.63-.562.17-1.108.648-1.364 1.21l-.836 1.774c-.273.596-.205 1.21.17 1.602l.342.341c.221.222.529.341.87.341.221 0 .477-.068.716-.17l1.791-.836c.563-.273 1.04-.801 1.211-1.364.069-.272.376-.562.785-.647.358-.086.716-.29 1.006-.597l3.958-3.938a.847.847 0 001.16-.068l.665-.648a.884.884 0 000-1.244l-.58-.58-.136-.136 1.484-1.483z",
- fill: "#FFF",
- fillRule: "evenodd"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/7bf301e0e47ee990a3572e0aea2f850e.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/custom-procedures/icon--label.svg":
-/*!**********************************************************!*\
- !*** ./src/components/custom-procedures/icon--label.svg ***!
- \**********************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconLabel; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _defs, _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconLabel(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 57 49"
- }, props), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("style", null))), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- id: "icon--label_svg__boolean_boolean_inputs",
- "data-name": "boolean + boolean inputs"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
- x: 0.5,
- y: 0.5,
- width: 56,
- height: 48,
- rx: 4,
- ry: 4,
- fill: "#ff6680",
- stroke: "#f35",
- strokeMiterlimit: 10
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("text", {
- transform: "translate(17.57 27.5)",
- fontSize: 12,
- fill: "#fff",
- fontFamily: "HelveticaNeue-Bold,Helvetica Neue,sans-serif",
- fontWeight: 700,
- letterSpacing: 0
- }, "text"))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/8beb9da10f72d02b48baf0b24ac72449.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/custom-procedures/icon--reporter-block.svg":
-/*!*******************************************************************!*\
- !*** ./src/components/custom-procedures/icon--reporter-block.svg ***!
- \*******************************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconReporterBlock; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconReporterBlock(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- xmlns: "http://www.w3.org/2000/svg",
- width: 80,
- height: 57
- }, props), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- className: "icon--reporter-block_svg__blocklyBlockCanvas"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- "data-id": "NYec5:%zKRue,$a3Ii/#",
- className: "icon--reporter-block_svg__blocklyDraggable icon--reporter-block_svg__blocklySelected",
- "data-shapes": "reporter round"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- className: "icon--reporter-block_svg__blocklyPath icon--reporter-block_svg__blocklyBlockBackground",
- stroke: "#F35",
- fill: "#FF6680",
- d: "M22 0h36.083a20 20 0 010 40H22a20 20 0 010-40z"
- })))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/58d1104d0922e424a0b0d4a27e6ed826.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/custom-procedures/icon--stack-block.svg":
-/*!****************************************************************!*\
- !*** ./src/components/custom-procedures/icon--stack-block.svg ***!
- \****************************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconStackBlock; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconStackBlock(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- xmlns: "http://www.w3.org/2000/svg",
- width: 103,
- height: 57
- }, props), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- className: "icon--stack-block_svg__blocklyBlockCanvas"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- "data-id": ":@3Gk(]9ojthR$mzDaO1",
- className: "icon--stack-block_svg__blocklyDraggable",
- "data-shapes": "stack"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- className: "icon--stack-block_svg__blocklyPath icon--stack-block_svg__blocklyBlockBackground",
- stroke: "#df2847",
- fill: "#FF6680",
- d: "M2 4a4 4 0 014-4h8c2 0 3 1 4 2l4 4c1 1 2 2 4 2h12c2 0 3-1 4-2l4-4c1-1 2-2 4-2h47.333a4 4 0 014 4v40a4 4 0 01-4 4H50c-2 0-3 1-4 2l-4 4c-1 1-2 2-4 2H26c-2 0-3-1-4-2l-4-4c-1-1-2-2-4-2H6a4 4 0 01-4-4z"
- })))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/999649b8d77ea4f04e0dca31326090c1.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/custom-procedures/icon--terminal-block.svg":
-/*!*******************************************************************!*\
- !*** ./src/components/custom-procedures/icon--terminal-block.svg ***!
- \*******************************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconTerminalBlock; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconTerminalBlock(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- xmlns: "http://www.w3.org/2000/svg",
- width: 103,
- height: 57
- }, props), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- className: "icon--terminal-block_svg__blocklyBlockCanvas"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- "data-id": "[r=@O,M#=sM7;WK2C!mT",
- className: "icon--terminal-block_svg__blocklyDraggable icon--terminal-block_svg__blocklySelected",
- "data-shapes": "stack end"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- className: "icon--terminal-block_svg__blocklyPath icon--terminal-block_svg__blocklyBlockBackground",
- stroke: "#F35",
- fill: "#FF6680",
- d: "M2 4a4 4 0 014-4h8c2 0 3 1 4 2l4 4c1 1 2 2 4 2h12c2 0 3-1 4-2l4-4c1-1 2-2 4-2h47.333a4 4 0 014 4v40a4 4 0 01-4 4H6a4 4 0 01-4-4z"
- })))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/acf8e02623682856899b55f10f66e212.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/custom-procedures/icon--text-input.svg":
-/*!***************************************************************!*\
- !*** ./src/components/custom-procedures/icon--text-input.svg ***!
- \***************************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconTextInput; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _defs, _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconTextInput(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 57 49"
- }, props), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("style", null))), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- id: "icon--text-input_svg__boolean_boolean_inputs",
- "data-name": "boolean + boolean inputs",
- stroke: "#f35"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
- x: 0.5,
- y: 0.5,
- width: 56,
- height: 48,
- rx: 4,
- ry: 4,
- fill: "#ff6680",
- strokeMiterlimit: 10
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("rect", {
- x: 8.5,
- y: 8.5,
- width: 40,
- height: 32,
- rx: 16,
- ry: 16,
- fill: "#ff4d6a",
- strokeLinecap: "round",
- strokeLinejoin: "round"
- }))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/2a70b21aaaed0619bdfcdec91db1ebe8.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/delete-button/delete-button.css":
-/*!********************************************************!*\
- !*** ./src/components/delete-button/delete-button.css ***!
- \********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./delete-button.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/delete-button/delete-button.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/delete-button/delete-button.jsx":
-/*!********************************************************!*\
- !*** ./src/components/delete-button/delete-button.jsx ***!
- \********************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _delete_button_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./delete-button.css */ "./src/components/delete-button/delete-button.css");
-/* harmony import */ var _delete_button_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_delete_button_css__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _icon_delete_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./icon--delete.svg */ "./src/components/delete-button/icon--delete.svg");
-
-
-
-
-
-const DeleteButton = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- "aria-label": "Delete",
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_delete_button_css__WEBPACK_IMPORTED_MODULE_3___default.a.deleteButton, props.className),
- role: "button",
- tabIndex: props.tabIndex,
- onClick: props.onClick
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _delete_button_css__WEBPACK_IMPORTED_MODULE_3___default.a.deleteButtonVisible
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- className: _delete_button_css__WEBPACK_IMPORTED_MODULE_3___default.a.deleteIcon,
- src: _icon_delete_svg__WEBPACK_IMPORTED_MODULE_4__["default"],
- draggable: "false"
-})));
-DeleteButton.propTypes = {
- className: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,
- onClick: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- tabIndex: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number
-};
-DeleteButton.defaultProps = {
- tabIndex: 0
-};
-/* harmony default export */ __webpack_exports__["default"] = (DeleteButton);
-
-/***/ }),
-
-/***/ "./src/components/delete-button/icon--delete.svg":
-/*!*******************************************************!*\
- !*** ./src/components/delete-button/icon--delete.svg ***!
- \*******************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconDelete; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _defs, _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconDelete(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg",
- xmlnsXlink: "http://www.w3.org/1999/xlink"
- }, props), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M4.548 7h10.904a.5.5 0 01.498.545l-.785 8.635A2 2 0 0113.174 18H6.827a2 2 0 01-1.992-1.82L4.05 7.546A.5.5 0 014.548 7zm2.785-3l.553-1.658A.5.5 0 018.36 2h3.28a.5.5 0 01.474.342L12.667 4H16.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-13a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5h3.833zm1.054 0h3.226l-.334-1H8.721l-.334 1zM10 11.72l1.595-1.595a.5.5 0 01.707 0l.073.073a.5.5 0 010 .707L10.78 12.5l1.595 1.595a.5.5 0 010 .707l-.073.073a.5.5 0 01-.707 0L10 13.28l-1.595 1.595a.5.5 0 01-.707 0l-.073-.073a.5.5 0 010-.707L9.22 12.5l-1.595-1.595a.5.5 0 010-.707l.073-.073a.5.5 0 01.707 0L10 11.72z",
- id: "icon--delete_svg__a"
- }))), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- fill: "none",
- fillRule: "evenodd"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("mask", {
- id: "icon--delete_svg__b",
- fill: "#fff"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", {
- xlinkHref: "#icon--delete_svg__a"
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- mask: "url(#icon--delete_svg__b)",
- fill: "#FFF"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M0 0h20v20H0z"
- })))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/a5787bb7364d8131ed49a8f53037d7f4.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/direction-picker/dial.css":
-/*!**************************************************!*\
- !*** ./src/components/direction-picker/dial.css ***!
- \**************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./dial.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/direction-picker/dial.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/direction-picker/dial.jsx":
-/*!**************************************************!*\
- !*** ./src/components/direction-picker/dial.jsx ***!
- \**************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var lodash_bindall__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash.bindall */ "./node_modules/lodash.bindall/index.js");
-/* harmony import */ var lodash_bindall__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_bindall__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _lib_touch_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../lib/touch-utils */ "./src/lib/touch-utils.js");
-/* harmony import */ var _dial_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./dial.css */ "./src/components/direction-picker/dial.css");
-/* harmony import */ var _dial_css__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_dial_css__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _icon_dial_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./icon--dial.svg */ "./src/components/direction-picker/icon--dial.svg");
-/* harmony import */ var _icon_handle_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./icon--handle.svg */ "./src/components/direction-picker/icon--handle.svg");
-
-
-
-
-
-
-
-class Dial extends react__WEBPACK_IMPORTED_MODULE_2___default.a.Component {
- constructor(props) {
- super(props);
- lodash_bindall__WEBPACK_IMPORTED_MODULE_1___default()(this, ['handleMouseDown', 'handleMouseMove', 'containerRef', 'handleRef', 'unbindMouseEvents']);
- }
- componentDidMount() {
- // Manually add touch/mouse handlers so that preventDefault can be used
- // to prevent scrolling on touch.
- // Tracked as a react issue https://github.com/facebook/react/issues/6436
- this.handleElement.addEventListener('mousedown', this.handleMouseDown);
- this.handleElement.addEventListener('touchstart', this.handleMouseDown);
- }
- componentWillUnmount() {
- this.unbindMouseEvents();
- this.handleElement.removeEventListener('mousedown', this.handleMouseDown);
- this.handleElement.removeEventListener('touchstart', this.handleMouseDown);
- }
-
- /**
- * Get direction from dial center to mouse move event.
- * @param {Event} e - Mouse move event.
- * @returns {number} Direction in degrees, clockwise, 90=horizontal.
- */
- directionToMouseEvent(e) {
- const {
- x: mx,
- y: my
- } = Object(_lib_touch_utils__WEBPACK_IMPORTED_MODULE_3__["getEventXY"])(e);
- const bbox = this.containerElement.getBoundingClientRect();
- const cy = bbox.top + bbox.height / 2;
- const cx = bbox.left + bbox.width / 2;
- const angle = Math.atan2(my - cy, mx - cx);
- const degrees = angle * (180 / Math.PI);
- return degrees + 90; // To correspond with scratch coordinate system
- }
-
- /**
- * Create SVG path data string for the dial "gauge", the overlaid arc slice.
- * @param {number} radius - The radius of the dial.
- * @param {number} direction - Direction in degrees, clockwise, 90=horizontal.
- * @returns {string} Path data string for the gauge.
- */
- gaugePath(radius, direction) {
- const rads = direction * (Math.PI / 180);
- const path = [];
- path.push("M ".concat(radius, " 0"));
- path.push("L ".concat(radius, " ").concat(radius));
- path.push("L ".concat(radius + radius * Math.sin(rads), " ").concat(radius - radius * Math.cos(rads)));
- path.push("A ".concat(radius, " ").concat(radius, " 0 0 ").concat(direction < 0 ? 1 : 0, " ").concat(radius, " 0"));
- path.push("Z");
- return path.join(' ');
- }
- handleMouseMove(e) {
- this.props.onChange(this.directionToMouseEvent(e) + this.directionOffset);
- e.preventDefault();
- }
- unbindMouseEvents() {
- window.removeEventListener('mousemove', this.handleMouseMove);
- window.removeEventListener('mouseup', this.unbindMouseEvents);
- window.removeEventListener('touchmove', this.handleMouseMove);
- window.removeEventListener('touchend', this.unbindMouseEvents);
- }
- handleMouseDown(e) {
- // Because the drag handle is not a single point, there is some initial
- // difference between the current sprite direction and the direction to the mouse
- // Store this offset to prevent jumping when the mouse is moved.
- this.directionOffset = this.props.direction - this.directionToMouseEvent(e);
- window.addEventListener('mousemove', this.handleMouseMove);
- window.addEventListener('mouseup', this.unbindMouseEvents);
- window.addEventListener('touchmove', this.handleMouseMove);
- window.addEventListener('touchend', this.unbindMouseEvents);
- e.preventDefault();
- }
- containerRef(el) {
- this.containerElement = el;
- }
- handleRef(el) {
- this.handleElement = el;
- }
- render() {
- const {
- direction,
- radius
- } = this.props;
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _dial_css__WEBPACK_IMPORTED_MODULE_4___default.a.container
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _dial_css__WEBPACK_IMPORTED_MODULE_4___default.a.dialContainer,
- ref: this.containerRef,
- style: {
- width: "".concat(radius * 2, "px"),
- height: "".concat(radius * 2, "px")
- }
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- className: _dial_css__WEBPACK_IMPORTED_MODULE_4___default.a.dialFace,
- draggable: false,
- src: _icon_dial_svg__WEBPACK_IMPORTED_MODULE_5__["default"]
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("svg", {
- className: _dial_css__WEBPACK_IMPORTED_MODULE_4___default.a.gauge,
- height: radius * 2,
- width: radius * 2
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("path", {
- className: _dial_css__WEBPACK_IMPORTED_MODULE_4___default.a.gaugePath,
- d: this.gaugePath(radius, direction)
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- className: _dial_css__WEBPACK_IMPORTED_MODULE_4___default.a.dialHandle,
- draggable: false,
- ref: this.handleRef,
- src: _icon_handle_svg__WEBPACK_IMPORTED_MODULE_6__["default"],
- style: {
- top: "".concat(radius - radius * Math.cos(direction * (Math.PI / 180)), "px"),
- left: "".concat(radius + radius * Math.sin(direction * (Math.PI / 180)), "px"),
- transform: "rotate(".concat(direction, "deg)")
- }
- })));
- }
-}
-Dial.propTypes = {
- direction: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number,
- onChange: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- radius: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number
-};
-Dial.defaultProps = {
- direction: 90,
- // degrees
- radius: 56 // px
-};
-/* harmony default export */ __webpack_exports__["default"] = (Dial);
-
-/***/ }),
-
-/***/ "./src/components/direction-picker/direction-picker.css":
-/*!**************************************************************!*\
- !*** ./src/components/direction-picker/direction-picker.css ***!
- \**************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./direction-picker.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/direction-picker/direction-picker.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/direction-picker/direction-picker.jsx":
-/*!**************************************************************!*\
- !*** ./src/components/direction-picker/direction-picker.jsx ***!
- \**************************************************************/
-/*! exports provided: default, RotationStyles */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return WrappedDirectionPicker; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RotationStyles", function() { return RotationStyles; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react_popover__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-popover */ "./node_modules/react-popover/index.js");
-/* harmony import */ var react_popover__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_popover__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/index.es.js");
-/* harmony import */ var _forms_label_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../forms/label.jsx */ "./src/components/forms/label.jsx");
-/* harmony import */ var _forms_input_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../forms/input.jsx */ "./src/components/forms/input.jsx");
-/* harmony import */ var _forms_buffered_input_hoc_jsx__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../forms/buffered-input-hoc.jsx */ "./src/components/forms/buffered-input-hoc.jsx");
-/* harmony import */ var _dial_jsx__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./dial.jsx */ "./src/components/direction-picker/dial.jsx");
-/* harmony import */ var _direction_picker_css__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./direction-picker.css */ "./src/components/direction-picker/direction-picker.css");
-/* harmony import */ var _direction_picker_css__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_direction_picker_css__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var _icon_all_around_svg__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./icon--all-around.svg */ "./src/components/direction-picker/icon--all-around.svg");
-/* harmony import */ var _icon_left_right_svg__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./icon--left-right.svg */ "./src/components/direction-picker/icon--left-right.svg");
-/* harmony import */ var _icon_up_down_svg__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./icon--up-down.svg */ "./src/components/direction-picker/icon--up-down.svg");
-/* harmony import */ var _icon_dont_rotate_svg__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./icon--dont-rotate.svg */ "./src/components/direction-picker/icon--dont-rotate.svg");
-/* harmony import */ var _icon_look_at_svg__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./icon--look-at.svg */ "./src/components/direction-picker/icon--look-at.svg");
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const BufferedInput = Object(_forms_buffered_input_hoc_jsx__WEBPACK_IMPORTED_MODULE_7__["default"])(_forms_input_jsx__WEBPACK_IMPORTED_MODULE_6__["default"]);
-const directionLabel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_4__["FormattedMessage"], {
- defaultMessage: "Direction",
- id: "gui.SpriteInfo.direction"
-});
-const RotationStyles = {
- ALL_AROUND: 'all around',
- LOOK_AT: 'look at',
- LEFT_RIGHT: 'left-right',
- UP_DOWN: 'up-down',
- DONT_ROTATE: "don't rotate"
-};
-const messages = Object(react_intl__WEBPACK_IMPORTED_MODULE_4__["defineMessages"])({
- allAround: {
- "id": "gui.directionPicker.rotationStyles.allAround",
- "defaultMessage": "All Around"
- },
- lookAt: {
- "id": "gui.directionPicker.rotationStyles.lookAt",
- "defaultMessage": "Look At"
- },
- leftRight: {
- "id": "gui.directionPicker.rotationStyles.leftRight",
- "defaultMessage": "Left/Right"
- },
- upDown: {
- "id": "gui.directionPicker.rotationStyles.upDown",
- "defaultMessage": "Up/Down"
- },
- dontRotate: {
- "id": "gui.directionPicker.rotationStyles.dontRotate",
- "defaultMessage": "Do not rotate"
- }
-});
-const DirectionPicker = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_forms_label_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
- secondary: true,
- above: props.labelAbove,
- text: directionLabel
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_popover__WEBPACK_IMPORTED_MODULE_3___default.a, {
- body: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_dial_jsx__WEBPACK_IMPORTED_MODULE_8__["default"], {
- direction: props.direction,
- onChange: props.onChangeDirection
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
- className: _direction_picker_css__WEBPACK_IMPORTED_MODULE_9___default.a.buttonRow
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_direction_picker_css__WEBPACK_IMPORTED_MODULE_9___default.a.iconButton, {
- [_direction_picker_css__WEBPACK_IMPORTED_MODULE_9___default.a.active]: props.rotationStyle === RotationStyles.ALL_AROUND
- }),
- title: props.intl.formatMessage(messages.allAround),
- onClick: props.onClickAllAround
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("img", {
- draggable: false,
- src: _icon_all_around_svg__WEBPACK_IMPORTED_MODULE_10__["default"]
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_direction_picker_css__WEBPACK_IMPORTED_MODULE_9___default.a.iconButton, {
- [_direction_picker_css__WEBPACK_IMPORTED_MODULE_9___default.a.active]: props.rotationStyle === RotationStyles.LOOK_AT
- }),
- title: props.intl.formatMessage(messages.lookAt),
- onClick: props.onClickLookAt
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("img", {
- draggable: false,
- src: _icon_look_at_svg__WEBPACK_IMPORTED_MODULE_14__["default"]
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_direction_picker_css__WEBPACK_IMPORTED_MODULE_9___default.a.iconButton, {
- [_direction_picker_css__WEBPACK_IMPORTED_MODULE_9___default.a.active]: props.rotationStyle === RotationStyles.LEFT_RIGHT
- }),
- title: props.intl.formatMessage(messages.leftRight),
- onClick: props.onClickLeftRight
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("img", {
- draggable: false,
- src: _icon_left_right_svg__WEBPACK_IMPORTED_MODULE_11__["default"]
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_direction_picker_css__WEBPACK_IMPORTED_MODULE_9___default.a.iconButton, {
- [_direction_picker_css__WEBPACK_IMPORTED_MODULE_9___default.a.active]: props.rotationStyle === RotationStyles.UP_DOWN
- }),
- title: props.intl.formatMessage(messages.upDown),
- onClick: props.onClickUpDown
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("img", {
- draggable: false,
- src: _icon_up_down_svg__WEBPACK_IMPORTED_MODULE_12__["default"]
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_direction_picker_css__WEBPACK_IMPORTED_MODULE_9___default.a.iconButton, {
- [_direction_picker_css__WEBPACK_IMPORTED_MODULE_9___default.a.active]: props.rotationStyle === RotationStyles.DONT_ROTATE
- }),
- title: props.intl.formatMessage(messages.dontRotate),
- onClick: props.onClickDontRotate
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("img", {
- draggable: false,
- src: _icon_dont_rotate_svg__WEBPACK_IMPORTED_MODULE_13__["default"]
- })))),
- isOpen: props.popoverOpen,
- preferPlace: "above",
- onOuterAction: props.onClosePopover
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(BufferedInput, {
- small: true,
- disabled: props.disabled,
- label: directionLabel,
- tabIndex: "0",
- type: "text",
- value: props.disabled ? '' : props.direction,
- onFocus: props.onOpenPopover,
- onSubmit: props.onChangeDirection
-})));
-DirectionPicker.propTypes = {
- direction: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,
- disabled: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool.isRequired,
- intl: react_intl__WEBPACK_IMPORTED_MODULE_4__["intlShape"],
- labelAbove: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- onChangeDirection: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
- onClickAllAround: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
- onClickDontRotate: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
- onClickLeftRight: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
- onClickLookAt: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
- onClickUpDown: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
- onClosePopover: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
- onOpenPopover: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
- popoverOpen: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool.isRequired,
- rotationStyle: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string
-};
-DirectionPicker.defaultProps = {
- labelAbove: false
-};
-const WrappedDirectionPicker = Object(react_intl__WEBPACK_IMPORTED_MODULE_4__["injectIntl"])(DirectionPicker);
-
-
-/***/ }),
-
-/***/ "./src/components/direction-picker/icon--all-around.svg":
-/*!**************************************************************!*\
- !*** ./src/components/direction-picker/icon--all-around.svg ***!
- \**************************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconAllAround; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconAllAround(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M16.879 10.623l-2.258 3.52a.74.74 0 01-1.252 0l-2.247-3.52a.74.74 0 01.62-1.145h1.285A4.094 4.094 0 008.97 5.872 4.106 4.106 0 004.872 9.97a4.106 4.106 0 004.098 4.098.93.93 0 01.931.931.933.933 0 01-.93.942A5.973 5.973 0 013 9.97 5.98 5.98 0 018.97 4a5.968 5.968 0 015.94 5.478h1.348a.74.74 0 01.62 1.145",
- fill: "#00c3ff",
- fillRule: "evenodd"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/ac6d4216d424b165ba317fe4e997d6da.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/direction-picker/icon--dial.svg":
-/*!********************************************************!*\
- !*** ./src/components/direction-picker/icon--dial.svg ***!
- \********************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconDial; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _defs, _g, _g2, _circle;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconDial(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- id: "icon--dial_svg__Layer_1",
- "data-name": "Layer 1",
- xmlns: "http://www.w3.org/2000/svg",
- width: 112,
- height: 112
- }, props), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("style", null, ".icon--dial_svg__cls-2{fill:#00c3ff}.icon--dial_svg__cls-5{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round}"))), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- opacity: 0.25
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("circle", {
- className: "icon--dial_svg__cls-2",
- cx: 56,
- cy: 56,
- r: 55.5
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M56 1A55 55 0 111 56 55.06 55.06 0 0156 1m0-1a56 56 0 1056 56A56 56 0 0056 0z",
- fill: "#00a3ff"
- }))), _g2 || (_g2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- opacity: 0.15
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- className: "icon--dial_svg__cls-5",
- d: "M56 14.86v5.87M56 91.27v5.87M45.35 16.26l1.52 5.68M65.13 90.06l1.52 5.68M35.43 20.37l2.94 5.09M73.63 86.54l2.94 5.09M26.91 26.91l4.15 4.15M80.94 80.94l4.15 4.15M20.37 35.43l5.09 2.94M86.54 73.63l5.09 2.94M16.26 45.35l5.68 1.52M90.06 65.13l5.68 1.52M14.86 56h5.87M91.27 56h5.87M16.26 66.65l5.68-1.52M90.06 46.87l5.68-1.52M20.37 76.57l5.09-2.94M86.54 38.37l5.09-2.94M26.91 85.09l4.15-4.15M80.94 31.06l4.15-4.15M35.43 91.63l2.94-5.09M73.63 25.46l2.94-5.09M45.35 95.74l1.52-5.68M65.13 21.94l1.52-5.68"
- }))), _circle || (_circle = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("circle", {
- className: "icon--dial_svg__cls-2",
- cx: 56,
- cy: 56,
- r: 2
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/fa945ee6723e936790970b40e6d3fe1f.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/direction-picker/icon--dont-rotate.svg":
-/*!***************************************************************!*\
- !*** ./src/components/direction-picker/icon--dont-rotate.svg ***!
- \***************************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconDontRotate; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconDontRotate(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M12.589 8.069l1.274-1.506c.586.84.96 1.838 1.047 2.915h1.348a.74.74 0 01.62 1.145l-2.257 3.52a.74.74 0 01-1.252 0l-2.247-3.52a.74.74 0 01.62-1.145h1.285a4.095 4.095 0 00-.438-1.409zm2.343-4.318L4.418 16.177a.503.503 0 00-.05.072l-.486.574a.5.5 0 11-.764-.646l1.658-1.96A5.952 5.952 0 013 9.97 5.98 5.98 0 018.97 4c1.304 0 2.51.42 3.493 1.134l1.655-1.957a.5.5 0 01.814.574zM6.414 15.367l1.273-1.505c.404.134.836.206 1.283.206a.93.93 0 01.931.931.933.933 0 01-.93.942 5.943 5.943 0 01-2.557-.574zm4.834-8.798a4.054 4.054 0 00-2.278-.697A4.106 4.106 0 004.872 9.97c0 1.087.427 2.076 1.12 2.81l5.256-6.211z",
- fill: "#00c3ff",
- fillRule: "evenodd"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/7569623cd83d4ceab6b37c1541d656af.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/direction-picker/icon--handle.svg":
-/*!**********************************************************!*\
- !*** ./src/components/direction-picker/icon--handle.svg ***!
- \**********************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconHandle; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _circle, _circle2, _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconHandle(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- "data-name": "Layer 1",
- xmlns: "http://www.w3.org/2000/svg",
- width: 40,
- height: 40
- }, props), _circle || (_circle = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("circle", {
- cx: 20,
- cy: 20,
- r: 20,
- opacity: 0.15,
- fill: "#00c3ff"
- })), _circle2 || (_circle2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("circle", {
- cx: 20,
- cy: 20,
- r: 16,
- fill: "#00c3ff"
- })), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M20.53 12.44l5 5a.74.74 0 01-.53 1.24h-2.63L21 26.86a1.08 1.08 0 01-2.13 0l-1.34-8.18H15a.74.74 0 01-.52-1.26l5-5a.77.77 0 011.05.02z",
- fill: "#fff"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/5d308ce375ea6edae5abf4e33eda07f3.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/direction-picker/icon--left-right.svg":
-/*!**************************************************************!*\
- !*** ./src/components/direction-picker/icon--left-right.svg ***!
- \**************************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconLeftRight; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconLeftRight(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- fill: "#00c3ff",
- fillRule: "evenodd"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M2 6.417v7.19c0 .475.577.714.914.377l3.595-3.595a.536.536 0 000-.756L2.914 6.038A.535.535 0 002 6.417"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M9.875 15.757a.65.65 0 01-.466-.199.868.868 0 01-.147-.215c-.025-.078-.053-.16-.053-.253 0-.08.028-.173.053-.252a.68.68 0 01.88-.361c.081.04.148.081.213.146a.882.882 0 01.148.215.887.887 0 01.054.252c0 .093-.028.175-.054.253-.04.08-.08.162-.148.215a.633.633 0 01-.48.199zm-.652-8.48a.66.66 0 01.667-.666c.36 0 .666.293.666.667 0 .36-.306.666-.666.666a.669.669 0 01-.667-.666zm0 2.6a.66.66 0 01.667-.666c.36 0 .666.293.666.667a.67.67 0 01-.666.666.661.661 0 01-.667-.666zm0 2.614a.66.66 0 01.667-.667c.36 0 .666.294.666.667 0 .36-.306.667-.666.667a.669.669 0 01-.667-.667zm.652-7.16a.822.822 0 01-.252-.04c-.08-.041-.148-.095-.214-.148a1.225 1.225 0 01-.147-.227c-.025-.078-.053-.16-.053-.252 0-.081.028-.173.053-.253a.868.868 0 01.147-.215.679.679 0 01.733-.145.686.686 0 01.415.613c0 .092-.028.174-.054.252-.04.082-.08.162-.148.227a.689.689 0 01-.48.188z",
- fillOpacity: 0.25
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M17.767 13.606v-7.19a.536.536 0 00-.915-.378L13.26 9.634a.534.534 0 000 .756l3.593 3.593a.536.536 0 00.915-.377"
- }))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/79d588614c7827f6ac6620014b0eb078.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/direction-picker/icon--look-at.svg":
-/*!***********************************************************!*\
- !*** ./src/components/direction-picker/icon--look-at.svg ***!
- \***********************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconLookAt; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path0;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconLookAt(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- xmlns: "http://www.w3.org/2000/svg",
- width: 20,
- height: 20
- }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("mask", {
- id: "icon--look-at_svg__a"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- strokeMiterlimit: 10,
- style: {
- mixBlendMode: "normal"
- }
- }, _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M230.012 189.94v-19.88h19.976v19.88z",
- strokeWidth: 0
- })), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M231.333 180a5.366 5.366 0 1110.733 0 5.366 5.366 0 01-10.733 0z",
- fill: "#fff",
- strokeWidth: 0
- })), _path3 || (_path3 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M244.202 179.918h3.907M246.03 177.799l2.12 2.12",
- fill: "none",
- stroke: "#fff",
- strokeLinecap: "round"
- })), _path4 || (_path4 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M246.03 182.08l2.12-2.12",
- "data-paper-data": "{\"index\":null}",
- fill: "none",
- stroke: "#fff",
- strokeLinecap: "round"
- })), _path5 || (_path5 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M240.369 178.06v1.882M238.607 178.302v1.883",
- fill: "none",
- stroke: "#000",
- strokeLinecap: "round"
- })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- mask: "url(#icon--look-at_svg__a)",
- transform: "translate(-230.012 -170.06)"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- "data-paper-data": "{\"isPaintingLayer\":true}",
- strokeMiterlimit: 10,
- style: {
- mixBlendMode: "normal"
- }
- }, _path6 || (_path6 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M230.012 189.94v-19.88h19.976v19.88z",
- fill: "#fff"
- })), _path7 || (_path7 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M231.333 180a5.366 5.366 0 1110.733 0 5.366 5.366 0 01-10.733 0z",
- fill: "#00c3ff"
- })), _path8 || (_path8 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M244.202 179.918h3.907M246.03 177.799l2.12 2.12",
- fill: "none",
- stroke: "#00c3ff",
- strokeLinecap: "round"
- })), _path9 || (_path9 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M246.03 182.08l2.12-2.12",
- "data-paper-data": "{\"index\":null}",
- fill: "none",
- stroke: "#00c3ff",
- strokeLinecap: "round"
- })), _path0 || (_path0 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M240.369 178.06v1.882M238.607 178.302v1.883",
- fill: "none",
- stroke: "#fff",
- strokeLinecap: "round"
- })))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/d79bf4bbb8df5542ffef65d9e61b37ed.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/direction-picker/icon--up-down.svg":
-/*!***********************************************************!*\
- !*** ./src/components/direction-picker/icon--up-down.svg ***!
- \***********************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconUpDown; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconUpDown(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- fill: "#00c3ff",
- fillRule: "evenodd"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M13.333 2h-7.19a.535.535 0 00-.377.914l3.595 3.595c.21.208.548.208.756 0l3.595-3.595A.535.535 0 0013.333 2"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M3.993 9.875a.65.65 0 01.199-.466.868.868 0 01.215-.147c.078-.025.16-.053.253-.053.08 0 .173.028.252.053a.68.68 0 01.361.88.752.752 0 01-.146.213.882.882 0 01-.215.148.887.887 0 01-.252.054c-.093 0-.175-.028-.253-.054-.08-.04-.162-.08-.215-.148a.633.633 0 01-.199-.48zm8.48-.652a.66.66 0 01.666.667c0 .36-.293.666-.667.666a.677.677 0 01-.666-.666c0-.374.306-.667.666-.667zm-2.6 0a.66.66 0 01.666.667c0 .36-.293.666-.667.666a.67.67 0 01-.666-.666c0-.374.294-.667.666-.667zm-2.614 0a.66.66 0 01.667.667c0 .36-.294.666-.667.666a.677.677 0 01-.667-.666c0-.374.307-.667.667-.667zm7.16.652c0-.08.013-.173.04-.252.041-.08.095-.148.148-.214.065-.054.145-.107.227-.147.078-.025.16-.053.252-.053.081 0 .173.028.253.053.08.04.161.093.215.147a.679.679 0 01.145.733.686.686 0 01-.613.415c-.092 0-.174-.028-.252-.054-.082-.04-.162-.08-.227-.148a.689.689 0 01-.188-.48z",
- fillOpacity: 0.25
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M6.144 17.767h7.19a.536.536 0 00.378-.915l-3.596-3.593a.534.534 0 00-.756 0l-3.593 3.593a.536.536 0 00.377.915"
- }))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/78d48375d26960c3ac4fe82387055621.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/divider/divider.css":
-/*!********************************************!*\
- !*** ./src/components/divider/divider.css ***!
- \********************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./divider.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/divider/divider.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/divider/divider.jsx":
-/*!********************************************!*\
- !*** ./src/components/divider/divider.jsx ***!
- \********************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _divider_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./divider.css */ "./src/components/divider/divider.css");
-/* harmony import */ var _divider_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_divider_css__WEBPACK_IMPORTED_MODULE_3__);
-
-
-
-
-const Divider = _ref => {
- let {
- className
- } = _ref;
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_divider_css__WEBPACK_IMPORTED_MODULE_3___default.a.divider, className)
- });
-};
-Divider.propTypes = {
- className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string
-};
-/* harmony default export */ __webpack_exports__["default"] = (Divider);
-
-/***/ }),
-
-/***/ "./src/components/drag-layer/drag-layer.css":
-/*!**************************************************!*\
- !*** ./src/components/drag-layer/drag-layer.css ***!
- \**************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./drag-layer.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/drag-layer/drag-layer.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/drag-layer/drag-layer.jsx":
-/*!**************************************************!*\
- !*** ./src/components/drag-layer/drag-layer.jsx ***!
- \**************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _drag_layer_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./drag-layer.css */ "./src/components/drag-layer/drag-layer.css");
-/* harmony import */ var _drag_layer_css__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_drag_layer_css__WEBPACK_IMPORTED_MODULE_2__);
-
-
-
-
-/* eslint no-confusing-arrow: ["error", {"allowParens": true}] */
-const DragLayer = _ref => {
- let {
- dragging,
- img,
- currentOffset
- } = _ref;
- return dragging ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
- className: _drag_layer_css__WEBPACK_IMPORTED_MODULE_2___default.a.dragLayer
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
- className: _drag_layer_css__WEBPACK_IMPORTED_MODULE_2___default.a.imageWrapper,
- style: {
- transform: "translate(".concat(currentOffset.x, "px, ").concat(currentOffset.y, "px)")
- }
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("img", {
- className: _drag_layer_css__WEBPACK_IMPORTED_MODULE_2___default.a.image,
- src: img
- }))) : null;
-};
-DragLayer.propTypes = {
- currentOffset: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({
- x: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number.isRequired,
- y: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number.isRequired
- }),
- dragging: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool.isRequired,
- img: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string
-};
-/* harmony default export */ __webpack_exports__["default"] = (DragLayer);
-
-/***/ }),
-
-/***/ "./src/components/filter/filter.css":
-/*!******************************************!*\
- !*** ./src/components/filter/filter.css ***!
- \******************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./filter.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/filter/filter.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/filter/filter.jsx":
-/*!******************************************!*\
- !*** ./src/components/filter/filter.jsx ***!
- \******************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _icon_filter_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./icon--filter.svg */ "./src/components/filter/icon--filter.svg");
-/* harmony import */ var _icon_x_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./icon--x.svg */ "./src/components/filter/icon--x.svg");
-/* harmony import */ var _filter_css__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./filter.css */ "./src/components/filter/filter.css");
-/* harmony import */ var _filter_css__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_filter_css__WEBPACK_IMPORTED_MODULE_5__);
-
-
-
-
-
-
-const FilterComponent = props => {
- const {
- className,
- onChange,
- onClear,
- placeholderText,
- filterQuery,
- inputClassName
- } = props;
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(className, _filter_css__WEBPACK_IMPORTED_MODULE_5___default.a.filter, {
- [_filter_css__WEBPACK_IMPORTED_MODULE_5___default.a.isActive]: filterQuery.length > 0
- })
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_icon_filter_svg__WEBPACK_IMPORTED_MODULE_3__["ReactComponent"], {
- className: _filter_css__WEBPACK_IMPORTED_MODULE_5___default.a.filterIcon
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("input", {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_filter_css__WEBPACK_IMPORTED_MODULE_5___default.a.filterInput, inputClassName),
- placeholder: placeholderText,
- type: "text",
- value: filterQuery,
- onChange: onChange
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _filter_css__WEBPACK_IMPORTED_MODULE_5___default.a.xIconWrapper,
- onClick: onClear
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_icon_x_svg__WEBPACK_IMPORTED_MODULE_4__["ReactComponent"], {
- className: _filter_css__WEBPACK_IMPORTED_MODULE_5___default.a.xIcon
- })));
-};
-FilterComponent.propTypes = {
- className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- filterQuery: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- inputClassName: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- onChange: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
- onClear: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
- placeholderText: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string
-};
-FilterComponent.defaultProps = {
- placeholderText: 'Search'
-};
-/* harmony default export */ __webpack_exports__["default"] = (FilterComponent);
-
-/***/ }),
-
-/***/ "./src/components/filter/icon--filter.svg":
-/*!************************************************!*\
- !*** ./src/components/filter/icon--filter.svg ***!
- \************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconFilter; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconFilter(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- xmlns: "http://www.w3.org/2000/svg",
- width: 14.5,
- height: 14.6
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- fill: "#5100ff",
- d: "M10.4 9.2l-.8-.1-.2-.2c.5-.5.8-1 1-1.6.2-.6.3-1.2.3-1.9 0-1-.2-1.9-.7-2.7-.4-.9-1.1-1.5-1.9-2C7.3.2 6.3 0 5.4 0c-.9 0-1.9.2-2.7.7-.9.5-1.5 1.2-2 2S0 4.4 0 5.4s.2 1.9.7 2.8c.5.8 1.2 1.4 2 1.9s1.7.7 2.7.7c.7 0 1.3-.1 1.9-.3.6-.3 1.1-.6 1.6-1l.2.3v.6l4.1 4.2 1.3-1.3-4.1-4.1zM8.7 7.3c-.4.6-.8 1.1-1.4 1.4-.6.3-1.2.5-1.9.5-.6 0-1.3-.2-1.8-.5-.6-.4-1.1-.8-1.4-1.4-.3-.6-.5-1.2-.5-1.9s.2-1.4.5-1.9.8-1 1.4-1.3c.5-.4 1.1-.5 1.8-.5s1.3.1 1.9.5c.6.3 1 .8 1.4 1.3.3.6.5 1.2.5 1.9S9 6.7 8.7 7.3z"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/d8cbb86bdb5ce2ba9f2ed0975f51231e.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/filter/icon--x.svg":
-/*!*******************************************!*\
- !*** ./src/components/filter/icon--x.svg ***!
- \*******************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconX; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconX(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- xmlns: "http://www.w3.org/2000/svg",
- width: 9,
- height: 8
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- fill: "none",
- stroke: "#5100ff",
- strokeWidth: 2,
- d: "M1 7.333L7.333 1M1 1l6.333 6.333",
- strokeLinecap: "round",
- strokeLinejoin: "round"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/0c19152025f432ddd7d67c039d328f26.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/forms/buffered-input-hoc.jsx":
-/*!*****************************************************!*\
- !*** ./src/components/forms/buffered-input-hoc.jsx ***!
- \*****************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var lodash_bindall__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash.bindall */ "./node_modules/lodash.bindall/index.js");
-/* harmony import */ var lodash_bindall__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_bindall__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-
-
-
-/**
- * Higher Order Component to manage inputs that submit on blur and
- * @param {React.Component} Input text input that consumes onChange, onBlur, onKeyPress
- * @returns {React.Component} Buffered input that calls onSubmit on blur and
- */
-/* harmony default export */ __webpack_exports__["default"] = (function (Input) {
- class BufferedInput extends react__WEBPACK_IMPORTED_MODULE_2___default.a.Component {
- constructor(props) {
- super(props);
- lodash_bindall__WEBPACK_IMPORTED_MODULE_0___default()(this, ['handleChange', 'handleKeyPress', 'handleFlush']);
- this.state = {
- value: null
- };
- }
- handleKeyPress(e) {
- if (e.key === 'Enter') {
- this.handleFlush();
- e.target.blur();
- }
- }
- handleFlush() {
- const isNumeric = typeof this.props.value === 'number';
- const validatesNumeric = isNumeric ? !isNaN(this.state.value) : true;
- if (this.state.value !== null && validatesNumeric) {
- this.props.onSubmit(isNumeric ? Number(this.state.value) : this.state.value);
- }
- this.setState({
- value: null
- });
- }
- handleChange(e) {
- this.setState({
- value: e.target.value
- });
- }
- render() {
- const bufferedValue = this.state.value === null ? this.props.value : this.state.value;
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(Input, _extends({}, this.props, {
- value: bufferedValue,
- onBlur: this.handleFlush,
- onChange: this.handleChange,
- onKeyPress: this.handleKeyPress
- }));
- }
- }
- BufferedInput.propTypes = {
- onSubmit: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
- value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number])
- };
- return BufferedInput;
-});
-
-/***/ }),
-
-/***/ "./src/components/forms/input.css":
-/*!****************************************!*\
- !*** ./src/components/forms/input.css ***!
- \****************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./input.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/forms/input.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/forms/input.jsx":
-/*!****************************************!*\
- !*** ./src/components/forms/input.jsx ***!
- \****************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _input_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./input.css */ "./src/components/forms/input.css");
-/* harmony import */ var _input_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_input_css__WEBPACK_IMPORTED_MODULE_3__);
-const _excluded = ["small"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-
-
-
-
-const Input = props => {
- const {
- small
- } = props,
- componentProps = _objectWithoutProperties(props, _excluded);
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("input", _extends({}, componentProps, {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_input_css__WEBPACK_IMPORTED_MODULE_3___default.a.inputForm, props.className, {
- [_input_css__WEBPACK_IMPORTED_MODULE_3___default.a.inputSmall]: small
- })
- }));
-};
-Input.propTypes = {
- className: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,
- small: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool
-};
-Input.defaultProps = {
- small: false
-};
-/* harmony default export */ __webpack_exports__["default"] = (Input);
-
-/***/ }),
-
-/***/ "./src/components/forms/label.css":
-/*!****************************************!*\
- !*** ./src/components/forms/label.css ***!
- \****************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./label.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/forms/label.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/forms/label.jsx":
-/*!****************************************!*\
- !*** ./src/components/forms/label.jsx ***!
- \****************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _label_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./label.css */ "./src/components/forms/label.css");
-/* harmony import */ var _label_css__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_label_css__WEBPACK_IMPORTED_MODULE_2__);
-
-
-
-const Label = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("label", {
- className: props.above ? _label_css__WEBPACK_IMPORTED_MODULE_2___default.a.inputGroupColumn : _label_css__WEBPACK_IMPORTED_MODULE_2___default.a.inputGroup
-}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", {
- className: props.secondary ? _label_css__WEBPACK_IMPORTED_MODULE_2___default.a.inputLabelSecondary : _label_css__WEBPACK_IMPORTED_MODULE_2___default.a.inputLabel
-}, props.text), props.children);
-Label.propTypes = {
- above: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool,
- children: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.node,
- secondary: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool,
- text: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.node]).isRequired
-};
-Label.defaultProps = {
- above: false,
- secondary: false
-};
-/* harmony default export */ __webpack_exports__["default"] = (Label);
-
-/***/ }),
-
-/***/ "./src/components/green-flag/green-flag.css":
-/*!**************************************************!*\
- !*** ./src/components/green-flag/green-flag.css ***!
- \**************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./green-flag.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/green-flag/green-flag.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/green-flag/green-flag.jsx":
-/*!**************************************************!*\
- !*** ./src/components/green-flag/green-flag.jsx ***!
- \**************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _stage_header_stagecontrols_flag_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../stage-header/stagecontrols/flag.svg */ "./src/components/stage-header/stagecontrols/flag.svg");
-/* harmony import */ var _green_flag_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./green-flag.css */ "./src/components/green-flag/green-flag.css");
-/* harmony import */ var _green_flag_css__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_green_flag_css__WEBPACK_IMPORTED_MODULE_4__);
-const _excluded = ["active", "className", "onClick", "title"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-
-
-
-
-
-const GreenFlagComponent = function GreenFlagComponent(props) {
- const {
- active,
- className,
- onClick,
- title
- } = props,
- componentProps = _objectWithoutProperties(props, _excluded);
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", _extends({
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(className, _green_flag_css__WEBPACK_IMPORTED_MODULE_4___default.a.greenFlag, {
- [_green_flag_css__WEBPACK_IMPORTED_MODULE_4___default.a.isActive]: active
- }),
- draggable: false,
- src: _stage_header_stagecontrols_flag_svg__WEBPACK_IMPORTED_MODULE_3__["default"],
- title: title,
- onClick: onClick
- // tw: also fire click when opening context menu (right click on all systems and alt+click on chromebooks)
- ,
- onContextMenu: onClick
- }, componentProps));
-};
-GreenFlagComponent.propTypes = {
- active: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
- title: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string
-};
-GreenFlagComponent.defaultProps = {
- active: false,
- title: 'Go'
-};
-/* harmony default export */ __webpack_exports__["default"] = (GreenFlagComponent);
-
-/***/ }),
-
-/***/ "./src/components/gui/add-tab.svg":
-/*!****************************************!*\
- !*** ./src/components/gui/add-tab.svg ***!
- \****************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgAddTab; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgAddTab(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- strokeLinecap: "round",
- stroke: "#777",
- strokeWidth: 3,
- d: "M4 10h12M10 4v12"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/622321b437cc79dd9ed885540a94505a.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/gui/gui.css":
-/*!************************************!*\
- !*** ./src/components/gui/gui.css ***!
- \************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./gui.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/gui/gui.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/gui/gui.jsx":
-/*!************************************!*\
- !*** ./src/components/gui/gui.jsx ***!
- \************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash.omit */ "./node_modules/lodash.omit/index.js");
-/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-dom */ "./node_modules/react-dom/index.js");
-/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var react_draggable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-draggable */ "./node_modules/react-draggable/dist/react-draggable.js");
-/* harmony import */ var react_draggable__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_draggable__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var react_contextmenu__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-contextmenu */ "./node_modules/react-contextmenu/es6/index.js");
-/* harmony import */ var _context_menu_context_menu_jsx__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../context-menu/context-menu.jsx */ "./src/components/context-menu/context-menu.jsx");
-/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/index.es.js");
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-redux */ "./node_modules/react-redux/es/index.js");
-/* harmony import */ var react_responsive__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-responsive */ "./node_modules/react-responsive/dist/react-responsive.js");
-/* harmony import */ var react_responsive__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(react_responsive__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var react_tabs__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-tabs */ "./node_modules/react-tabs/esm/index.js");
-/* harmony import */ var react_tabs_style_react_tabs_css__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! react-tabs/style/react-tabs.css */ "./node_modules/react-tabs/style/react-tabs.css");
-/* harmony import */ var react_tabs_style_react_tabs_css__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(react_tabs_style_react_tabs_css__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var scratch_vm__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! scratch-vm */ "./node_modules/scratch-vm/src/index.js");
-/* harmony import */ var scratch_vm__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(scratch_vm__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var scratch_render__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! scratch-render */ "./node_modules/scratch-render/src/index.js");
-/* harmony import */ var scratch_render__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(scratch_render__WEBPACK_IMPORTED_MODULE_14__);
-/* harmony import */ var _containers_blocks_jsx__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../containers/blocks.jsx */ "./src/containers/blocks.jsx");
-/* harmony import */ var _containers_costume_tab_jsx__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../containers/costume-tab.jsx */ "./src/containers/costume-tab.jsx");
-/* harmony import */ var _containers_target_pane_jsx__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../containers/target-pane.jsx */ "./src/containers/target-pane.jsx");
-/* harmony import */ var _containers_sound_tab_jsx__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../containers/sound-tab.jsx */ "./src/containers/sound-tab.jsx");
-/* harmony import */ var _containers_variables_tab_jsx__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../containers/variables-tab.jsx */ "./src/containers/variables-tab.jsx");
-/* harmony import */ var _containers_files_tab_jsx__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../containers/files-tab.jsx */ "./src/containers/files-tab.jsx");
-/* harmony import */ var _containers_stage_wrapper_jsx__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../containers/stage-wrapper.jsx */ "./src/containers/stage-wrapper.jsx");
-/* harmony import */ var _loader_loader_jsx__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../loader/loader.jsx */ "./src/components/loader/loader.jsx");
-/* harmony import */ var _box_box_jsx__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../box/box.jsx */ "./src/components/box/box.jsx");
-/* harmony import */ var _menu_bar_menu_bar_jsx__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../menu-bar/menu-bar.jsx */ "./src/components/menu-bar/menu-bar.jsx");
-/* harmony import */ var _containers_costume_library_jsx__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../../containers/costume-library.jsx */ "./src/containers/costume-library.jsx");
-/* harmony import */ var _containers_backdrop_library_jsx__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../../containers/backdrop-library.jsx */ "./src/containers/backdrop-library.jsx");
-/* harmony import */ var _containers_watermark_jsx__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../../containers/watermark.jsx */ "./src/containers/watermark.jsx");
-/* harmony import */ var _containers_backpack_jsx__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../../containers/backpack.jsx */ "./src/containers/backpack.jsx");
-/* harmony import */ var _browser_modal_browser_modal_jsx__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../browser-modal/browser-modal.jsx */ "./src/components/browser-modal/browser-modal.jsx");
-/* harmony import */ var _containers_tips_library_jsx__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../../containers/tips-library.jsx */ "./src/containers/tips-library.jsx");
-/* harmony import */ var _containers_cards_jsx__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ../../containers/cards.jsx */ "./src/containers/cards.jsx");
-/* harmony import */ var _containers_alerts_jsx__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ../../containers/alerts.jsx */ "./src/containers/alerts.jsx");
-/* harmony import */ var _containers_drag_layer_jsx__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ../../containers/drag-layer.jsx */ "./src/containers/drag-layer.jsx");
-/* harmony import */ var _containers_connection_modal_jsx__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ../../containers/connection-modal.jsx */ "./src/containers/connection-modal.jsx");
-/* harmony import */ var _telemetry_modal_telemetry_modal_jsx__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ../telemetry-modal/telemetry-modal.jsx */ "./src/components/telemetry-modal/telemetry-modal.jsx");
-/* harmony import */ var _containers_tw_username_modal_jsx__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ../../containers/tw-username-modal.jsx */ "./src/containers/tw-username-modal.jsx");
-/* harmony import */ var _containers_tw_settings_modal_jsx__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ../../containers/tw-settings-modal.jsx */ "./src/containers/tw-settings-modal.jsx");
-/* harmony import */ var _containers_tw_security_manager_jsx__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ../../containers/tw-security-manager.jsx */ "./src/containers/tw-security-manager.jsx");
-/* harmony import */ var _containers_tw_custom_extension_modal_jsx__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ../../containers/tw-custom-extension-modal.jsx */ "./src/containers/tw-custom-extension-modal.jsx");
-/* harmony import */ var _containers_tw_restore_point_manager_jsx__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ../../containers/tw-restore-point-manager.jsx */ "./src/containers/tw-restore-point-manager.jsx");
-/* harmony import */ var _containers_tw_fonts_modal_jsx__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ../../containers/tw-fonts-modal.jsx */ "./src/containers/tw-fonts-modal.jsx");
-/* harmony import */ var _containers_pm_extension_modals_jsx__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ../../containers/pm-extension-modals.jsx */ "./src/containers/pm-extension-modals.jsx");
-/* harmony import */ var _lib_layout_constants__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ../../lib/layout-constants */ "./src/lib/layout-constants.js");
-/* harmony import */ var _lib_screen_utils__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ../../lib/screen-utils */ "./src/lib/screen-utils.js");
-/* harmony import */ var _lib_tw_environment_support_prober__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ../../lib/tw-environment-support-prober */ "./src/lib/tw-environment-support-prober.js");
-/* harmony import */ var _gui_css__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ./gui.css */ "./src/components/gui/gui.css");
-/* harmony import */ var _gui_css__WEBPACK_IMPORTED_MODULE_46___default = /*#__PURE__*/__webpack_require__.n(_gui_css__WEBPACK_IMPORTED_MODULE_46__);
-/* harmony import */ var _add_tab_svg__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ./add-tab.svg */ "./src/components/gui/add-tab.svg");
-/* harmony import */ var _icon_extensions_svg__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ./icon--extensions.svg */ "./src/components/gui/icon--extensions.svg");
-/* harmony import */ var _icon_code_svg__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(/*! ./icon--code.svg */ "./src/components/gui/icon--code.svg");
-/* harmony import */ var _icon_costumes_svg__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! ./icon--costumes.svg */ "./src/components/gui/icon--costumes.svg");
-/* harmony import */ var _icon_sounds_svg__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! ./icon--sounds.svg */ "./src/components/gui/icon--sounds.svg");
-/* harmony import */ var _icon_variables_svg__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! ./icon--variables.svg */ "./src/components/gui/icon--variables.svg");
-/* harmony import */ var _icon_files_svg__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! ./icon--files.svg */ "./src/components/gui/icon--files.svg");
-const _excluded = ["accountNavOpen", "activeTabIndex", "alertsVisible", "authorId", "authorThumbnailUrl", "authorUsername", "basePath", "backdropLibraryVisible", "backpackHost", "backpackVisible", "blocksTabVisible", "cardsVisible", "canChangeLanguage", "canCreateNew", "canEditTitle", "canManageFiles", "canRemix", "canSave", "canCreateCopy", "canShare", "canUseCloud", "children", "connectionModalVisible", "costumeLibraryVisible", "costumesTabVisible", "customStageSize", "enableCommunity", "intl", "isCreating", "isDark", "isEmbedded", "isFullScreen", "isPlayerOnly", "isRtl", "isShared", "isWindowFullScreen", "isTelemetryEnabled", "loading", "logo", "renderLogin", "onClickAbout", "onClickAccountNav", "onCloseAccountNav", "onClickAddonSettings", "onClickNewWindow", "onClickTheme", "onClickPackager", "onLogOut", "onOpenRegistration", "onToggleLoginOpen", "onActivateCostumesTab", "onActivateSoundsTab", "onActivateVariablesTab", "onActivateFilesTab", "onActivateTab", "onClickLogo", "onExtensionButtonClick", "onProjectTelemetryEvent", "onRequestCloseBackdropLibrary", "onRequestCloseCostumeLibrary", "onRequestCloseTelemetryModal", "onSeeCommunity", "onShare", "onShowPrivacyPolicy", "onStartSelectingFileUpload", "onStartFolderUpload", "onTelemetryModalCancel", "onTelemetryModalOptIn", "onTelemetryModalOptOut", "showComingSoon", "soundsTabVisible", "variablesTabVisible", "filesTabVisible", "stageSizeMode", "targetIsStage", "telemetryModalVisible", "tipsLibraryVisible", "usernameModalVisible", "settingsModalVisible", "customExtensionModalVisible", "fontsModalVisible", "isPlayground", "vm"],
- _excluded2 = ["children"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const urlParams = new URLSearchParams(location.search);
-const IsLocal = String(window.location.href).startsWith("http://localhost:");
-const IsLiveTests = urlParams.has('livetests');
-const messages = Object(react_intl__WEBPACK_IMPORTED_MODULE_8__["defineMessages"])({
- addExtension: {
- "id": "gui.gui.addExtension",
- "defaultMessage": "Add Extension"
- }
-});
-const getFullscreenBackgroundColor = () => {
- const params = new URLSearchParams(location.search);
- if (params.has('fullscreen-background')) {
- return params.get('fullscreen-background');
- }
- if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
- return '#111';
- }
- return 'white';
-};
-const safeJSONParse = (json, defaul, mustBeArray) => {
- try {
- const parsed = JSON.parse(json);
- if (mustBeArray && !Array.isArray(parsed)) throw 'Not array';
- return parsed;
- } catch (_unused) {
- return defaul;
- }
-};
-const fullscreenBackgroundColor = getFullscreenBackgroundColor();
-const GUIComponent = props => {
- const _omit = lodash_omit__WEBPACK_IMPORTED_MODULE_1___default()(props, 'dispatch'),
- {
- accountNavOpen,
- activeTabIndex,
- alertsVisible,
- authorId,
- authorThumbnailUrl,
- authorUsername,
- basePath,
- backdropLibraryVisible,
- backpackHost,
- backpackVisible,
- blocksTabVisible,
- cardsVisible,
- canChangeLanguage,
- canCreateNew,
- canEditTitle,
- canManageFiles,
- canRemix,
- canSave,
- canCreateCopy,
- canShare,
- canUseCloud,
- children,
- connectionModalVisible,
- costumeLibraryVisible,
- costumesTabVisible,
- customStageSize,
- enableCommunity,
- intl,
- isCreating,
- isDark,
- isEmbedded,
- isFullScreen,
- isPlayerOnly,
- isRtl,
- isShared,
- isWindowFullScreen,
- isTelemetryEnabled,
- loading,
- logo,
- renderLogin,
- onClickAbout,
- onClickAccountNav,
- onCloseAccountNav,
- onClickAddonSettings,
- onClickNewWindow,
- onClickTheme,
- onClickPackager,
- onLogOut,
- onOpenRegistration,
- onToggleLoginOpen,
- onActivateCostumesTab,
- onActivateSoundsTab,
- onActivateVariablesTab,
- onActivateFilesTab,
- onActivateTab,
- onClickLogo,
- onExtensionButtonClick,
- onProjectTelemetryEvent,
- onRequestCloseBackdropLibrary,
- onRequestCloseCostumeLibrary,
- onRequestCloseTelemetryModal,
- onSeeCommunity,
- onShare,
- onShowPrivacyPolicy,
- onStartSelectingFileUpload,
- onStartFolderUpload,
- onTelemetryModalCancel,
- onTelemetryModalOptIn,
- onTelemetryModalOptOut,
- showComingSoon,
- soundsTabVisible,
- variablesTabVisible,
- filesTabVisible,
- stageSizeMode,
- targetIsStage,
- telemetryModalVisible,
- tipsLibraryVisible,
- usernameModalVisible,
- settingsModalVisible,
- customExtensionModalVisible,
- fontsModalVisible,
- isPlayground,
- vm
- } = _omit,
- componentProps = _objectWithoutProperties(_omit, _excluded);
- if (children) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_23__["default"], componentProps, children);
- }
- const tabClassNames = {
- tabs: _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.tabs,
- tab: classnames__WEBPACK_IMPORTED_MODULE_0___default()(react_tabs_style_react_tabs_css__WEBPACK_IMPORTED_MODULE_12___default.a.reactTabsTab, _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.tab),
- tabList: classnames__WEBPACK_IMPORTED_MODULE_0___default()(react_tabs_style_react_tabs_css__WEBPACK_IMPORTED_MODULE_12___default.a.reactTabsTabList, _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.tabList),
- tabPanel: classnames__WEBPACK_IMPORTED_MODULE_0___default()(react_tabs_style_react_tabs_css__WEBPACK_IMPORTED_MODULE_12___default.a.reactTabsTabPanel, _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.tabPanel),
- tabPanelSelected: classnames__WEBPACK_IMPORTED_MODULE_0___default()(react_tabs_style_react_tabs_css__WEBPACK_IMPORTED_MODULE_12___default.a.reactTabsTabPanelSelected, _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.isSelected),
- tabSelected: classnames__WEBPACK_IMPORTED_MODULE_0___default()(react_tabs_style_react_tabs_css__WEBPACK_IMPORTED_MODULE_12___default.a.reactTabsTabSelected, _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.isSelected)
- };
-
- // We can't move this into it's own component or it'll break the selected tab styles & disable switching to the code tab
- // Moving the whole TabList element will also break the code panel from resizing properly
- const getTabOrder = () => {
- const tabOrderStr = localStorage.getItem('pm:taborder') || '["code", "costume", "sound"]';
- const tabOrder = safeJSONParse(tabOrderStr, [], true);
- return tabOrder;
- };
- const tabOrder = getTabOrder();
- const ContextMenuWrapTab = _ref => {
- let {
- children
- } = _ref,
- props = _objectWithoutProperties(_ref, _excluded2);
- const {
- tabId
- } = props;
- const disabled = tabId === 'code';
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_3___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_contextmenu__WEBPACK_IMPORTED_MODULE_6__["ContextMenuTrigger"], {
- disable: disabled,
- id: "remove-editor-tab-".concat(tabId)
- }, children), /*#__PURE__*/react_dom__WEBPACK_IMPORTED_MODULE_4___default.a.createPortal(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_context_menu_context_menu_jsx__WEBPACK_IMPORTED_MODULE_7__["ContextMenu"], {
- id: "remove-editor-tab-".concat(tabId)
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_context_menu_context_menu_jsx__WEBPACK_IMPORTED_MODULE_7__["DangerousMenuItem"], {
- onClick: () => removeTabFromEditor(tabId)
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_8__["FormattedMessage"], {
- defaultMessage: "delete",
- id: "gui.spriteSelectorItem.contextMenuDelete"
- }))), document.body));
- };
-
- // currently each tab can decide whether or not its hidden, remove this once rearranging tabs is supported
- const codeTab = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_tabs__WEBPACK_IMPORTED_MODULE_11__["Tab"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(tabClassNames.tab, tabOrder.includes('code') ? null : _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.tabDisabled)
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(ContextMenuWrapTab, {
- tabId: "code"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_icon_code_svg__WEBPACK_IMPORTED_MODULE_49__["ReactComponent"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_8__["FormattedMessage"], {
- defaultMessage: "Code",
- id: "gui.gui.codeTab"
- })));
- const costumesTab = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_tabs__WEBPACK_IMPORTED_MODULE_11__["Tab"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(tabClassNames.tab, tabOrder.includes('costume') ? null : _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.tabDisabled),
- onClick: onActivateCostumesTab
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(ContextMenuWrapTab, {
- tabId: "costume"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_icon_costumes_svg__WEBPACK_IMPORTED_MODULE_50__["ReactComponent"], null), targetIsStage ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_8__["FormattedMessage"], {
- defaultMessage: "Backdrops",
- id: "gui.gui.backdropsTab"
- }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_8__["FormattedMessage"], {
- defaultMessage: "Costumes",
- id: "gui.gui.costumesTab"
- })));
- const soundsTab = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_tabs__WEBPACK_IMPORTED_MODULE_11__["Tab"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(tabClassNames.tab, tabOrder.includes('sound') ? null : _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.tabDisabled),
- onClick: onActivateSoundsTab
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(ContextMenuWrapTab, {
- tabId: "sound"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_icon_sounds_svg__WEBPACK_IMPORTED_MODULE_51__["ReactComponent"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_8__["FormattedMessage"], {
- defaultMessage: "Sounds",
- id: "gui.gui.soundsTab"
- })));
- const variablesTab = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_tabs__WEBPACK_IMPORTED_MODULE_11__["Tab"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(tabClassNames.tab, tabOrder.includes('variable') ? null : _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.tabDisabled),
- onClick: onActivateVariablesTab
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(ContextMenuWrapTab, {
- tabId: "variable"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_icon_variables_svg__WEBPACK_IMPORTED_MODULE_52__["ReactComponent"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_8__["FormattedMessage"], {
- defaultMessage: "Variables",
- id: "gui.gui.variablesTab"
- })));
- const filesTab = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_tabs__WEBPACK_IMPORTED_MODULE_11__["Tab"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(tabClassNames.tab, tabOrder.includes('file') ? null : _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.tabDisabled),
- onClick: onActivateFilesTab
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(ContextMenuWrapTab, {
- tabId: "file"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_icon_files_svg__WEBPACK_IMPORTED_MODULE_53__["ReactComponent"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_8__["FormattedMessage"], {
- defaultMessage: "Files",
- id: "gui.gui.filesTab"
- })));
- const tabPairs = {
- code: codeTab,
- costume: costumesTab,
- sound: soundsTab,
- variable: variablesTab
- // file: filesTab,
- };
-
- // For now, rearranging tabs is not supported
- const organizedTabs = Object.values(tabPairs);
- // const organizedTabs = (() => {
- // const enabledTabs = [];
- // // Either add in rearranged order
- // // for (const tabId of tabOrder) {
- // // enabledTabs.push(tabPairs[tabId] || codeTab)
- // // }
- // // or we can add tabs in order of table inclusion
- // // for (const key in tabPairs) {
- // // const tab = tabPairs[key];
- // // if (tabOrder.includes(key)) {
- // // enabledTabs.push(tab);
- // // }
- // // }
-
- // return enabledTabs;
- // })();
- const addTabButtonDisabled = tabOrder.length >= Object.keys(tabPairs).length;
- const addTabToEditor = tabId => {
- const tabOrder = getTabOrder();
- tabOrder.push(tabId);
- localStorage.setItem('pm:taborder', JSON.stringify(tabOrder));
- const tabKeys = Object.keys(tabPairs);
- const tabIndex = tabKeys.indexOf(tabId);
- if (tabIndex === -1) {
- return onActivateTab(0);
- }
- onActivateTab(tabIndex);
- };
- const removeTabFromEditor = tabId => {
- setTimeout(() => {
- // sometimes clicking delete will switch to the deleted tab
- const tabOrder = getTabOrder();
- const idx = tabOrder.indexOf(tabId);
- if (idx === -1) return;
- tabOrder.splice(idx, 1);
- localStorage.setItem('pm:taborder', JSON.stringify(tabOrder));
- if (tabId !== 'code') {
- return onActivateTab(0);
- }
- const tabKeys = Object.keys(tabPairs);
- const firstTab = tabOrder[0];
- const firstTabIdx = tabKeys.indexOf(firstTab);
- if (firstTabIdx !== -1) {
- onActivateTab(firstTabIdx);
- }
- });
- };
- const minWidth = _lib_layout_constants__WEBPACK_IMPORTED_MODULE_43__["default"].fullSizeMinWidth + Math.max(0, customStageSize.width - _lib_layout_constants__WEBPACK_IMPORTED_MODULE_43__["default"].referenceWidth);
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_responsive__WEBPACK_IMPORTED_MODULE_10___default.a, {
- minWidth: minWidth
- }, isFullSize => {
- const stageSize = Object(_lib_screen_utils__WEBPACK_IMPORTED_MODULE_44__["resolveStageSize"])(stageSizeMode, isFullSize);
- const alwaysEnabledModals = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_3___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_tw_security_manager_jsx__WEBPACK_IMPORTED_MODULE_38__["default"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_tw_restore_point_manager_jsx__WEBPACK_IMPORTED_MODULE_40__["default"], null), usernameModalVisible && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_tw_username_modal_jsx__WEBPACK_IMPORTED_MODULE_36__["default"], null), settingsModalVisible && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_tw_settings_modal_jsx__WEBPACK_IMPORTED_MODULE_37__["default"], null), customExtensionModalVisible && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_tw_custom_extension_modal_jsx__WEBPACK_IMPORTED_MODULE_39__["default"], null), fontsModalVisible && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_tw_fonts_modal_jsx__WEBPACK_IMPORTED_MODULE_41__["default"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_pm_extension_modals_jsx__WEBPACK_IMPORTED_MODULE_42__["default"], {
- vm: vm
- }));
- return isPlayerOnly ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_3___default.a.Fragment, null, isWindowFullScreen ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- className: _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.fullscreenBackground,
- style: {
- backgroundColor: fullscreenBackgroundColor
- }
- }) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_stage_wrapper_jsx__WEBPACK_IMPORTED_MODULE_21__["default"], {
- isFullScreen: isFullScreen,
- isEmbedded: isEmbedded,
- isRendererSupported: Object(_lib_tw_environment_support_prober__WEBPACK_IMPORTED_MODULE_45__["isRendererSupported"])(),
- isRtl: isRtl,
- loading: loading,
- stageSize: _lib_layout_constants__WEBPACK_IMPORTED_MODULE_43__["STAGE_SIZE_MODES"].large,
- vm: vm
- }, alertsVisible ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_alerts_jsx__WEBPACK_IMPORTED_MODULE_32__["default"], {
- className: _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.alertsContainer
- }) : null), alwaysEnabledModals) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_23__["default"], _extends({
- className: _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.pageWrapper,
- dir: isRtl ? 'rtl' : 'ltr'
- }, componentProps), alwaysEnabledModals, telemetryModalVisible ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_telemetry_modal_telemetry_modal_jsx__WEBPACK_IMPORTED_MODULE_35__["default"], {
- isRtl: isRtl,
- isTelemetryEnabled: isTelemetryEnabled,
- onCancel: onTelemetryModalCancel,
- onOptIn: onTelemetryModalOptIn,
- onOptOut: onTelemetryModalOptOut,
- onRequestClose: onRequestCloseTelemetryModal,
- onShowPrivacyPolicy: onShowPrivacyPolicy
- }) : null, loading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_loader_loader_jsx__WEBPACK_IMPORTED_MODULE_22__["default"], {
- isFullScreen: true
- }) : null, isCreating ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_loader_loader_jsx__WEBPACK_IMPORTED_MODULE_22__["default"], {
- isFullScreen: true,
- messageId: isPlayground ? "gui.loader.playground" : "gui.loader.creating"
- }) : null, Object(_lib_tw_environment_support_prober__WEBPACK_IMPORTED_MODULE_45__["isBrowserSupported"])() ? null : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_browser_modal_browser_modal_jsx__WEBPACK_IMPORTED_MODULE_29__["default"], {
- isRtl: isRtl
- }), tipsLibraryVisible ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_tips_library_jsx__WEBPACK_IMPORTED_MODULE_30__["default"], null) : null, cardsVisible ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_cards_jsx__WEBPACK_IMPORTED_MODULE_31__["default"], null) : null, alertsVisible ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_alerts_jsx__WEBPACK_IMPORTED_MODULE_32__["default"], {
- className: _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.alertsContainer
- }) : null, connectionModalVisible ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_connection_modal_jsx__WEBPACK_IMPORTED_MODULE_34__["default"], {
- vm: vm
- }) : null, costumeLibraryVisible ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_costume_library_jsx__WEBPACK_IMPORTED_MODULE_25__["default"], {
- vm: vm,
- onRequestClose: onRequestCloseCostumeLibrary
- }) : null, backdropLibraryVisible ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_backdrop_library_jsx__WEBPACK_IMPORTED_MODULE_26__["default"], {
- vm: vm,
- onRequestClose: onRequestCloseBackdropLibrary
- }) : null, !isPlayground ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_menu_bar_menu_bar_jsx__WEBPACK_IMPORTED_MODULE_24__["default"], {
- accountNavOpen: accountNavOpen,
- authorId: authorId,
- authorThumbnailUrl: authorThumbnailUrl,
- authorUsername: authorUsername,
- canChangeLanguage: canChangeLanguage,
- canCreateCopy: canCreateCopy,
- canCreateNew: canCreateNew,
- canEditTitle: canEditTitle,
- canManageFiles: canManageFiles,
- canRemix: canRemix,
- canSave: canSave,
- canShare: canShare,
- className: _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.menuBarPosition,
- enableCommunity: enableCommunity,
- isDirectoryPickerSupported: !!window.showDirectoryPicker,
- isShared: isShared,
- logo: logo,
- renderLogin: renderLogin,
- showComingSoon: showComingSoon,
- onClickAbout: onClickAbout,
- onClickAccountNav: onClickAccountNav,
- onClickAddonSettings: onClickAddonSettings,
- onClickNewWindow: onClickNewWindow,
- onClickTheme: onClickTheme,
- onClickPackager: onClickPackager,
- onClickLogo: onClickLogo,
- onCloseAccountNav: onCloseAccountNav,
- onLogOut: onLogOut,
- onOpenRegistration: onOpenRegistration,
- onProjectTelemetryEvent: onProjectTelemetryEvent,
- onSeeCommunity: onSeeCommunity,
- onShare: onShare,
- onStartSelectingFileUpload: onStartSelectingFileUpload,
- onStartFolderUpload: onStartFolderUpload,
- onToggleLoginOpen: onToggleLoginOpen
- }) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_23__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.bodyWrapper, isPlayground ? _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.bodyWrapperPlayground : null)
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_23__["default"], {
- className: _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.flexWrapper
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_23__["default"], {
- className: _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.editorWrapper
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_tabs__WEBPACK_IMPORTED_MODULE_11__["Tabs"], {
- forceRenderTabPanel: true,
- className: tabClassNames.tabs,
- selectedIndex: activeTabIndex,
- selectedTabClassName: tabClassNames.tabSelected,
- selectedTabPanelClassName: tabClassNames.tabPanelSelected,
- onSelect: onActivateTab
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_tabs__WEBPACK_IMPORTED_MODULE_11__["TabList"], {
- className: tabClassNames.tabList
- }, organizedTabs, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_contextmenu__WEBPACK_IMPORTED_MODULE_6__["ContextMenuTrigger"], {
- disable: addTabButtonDisabled,
- holdToDisplay: 0,
- id: "add-editor-tab-button"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("button", {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.addTabButton, addTabButtonDisabled ? _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.addTabButtonDisabled : null)
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_add_tab_svg__WEBPACK_IMPORTED_MODULE_47__["ReactComponent"], null))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_context_menu_context_menu_jsx__WEBPACK_IMPORTED_MODULE_7__["ContextMenu"], {
- id: "add-editor-tab-button"
- }, !tabOrder.includes('code') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_context_menu_context_menu_jsx__WEBPACK_IMPORTED_MODULE_7__["MenuItem"], {
- onClick: () => addTabToEditor('code')
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- className: _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.tabAdditionItem
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_icon_code_svg__WEBPACK_IMPORTED_MODULE_49__["ReactComponent"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_8__["FormattedMessage"], {
- defaultMessage: "Code",
- id: "gui.gui.codeTab"
- }))), !tabOrder.includes('costume') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_context_menu_context_menu_jsx__WEBPACK_IMPORTED_MODULE_7__["MenuItem"], {
- onClick: () => addTabToEditor('costume')
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- className: _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.tabAdditionItem
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_icon_costumes_svg__WEBPACK_IMPORTED_MODULE_50__["ReactComponent"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_8__["FormattedMessage"], {
- defaultMessage: "Costumes",
- id: "gui.gui.costumesTab"
- }))), !tabOrder.includes('sound') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_context_menu_context_menu_jsx__WEBPACK_IMPORTED_MODULE_7__["MenuItem"], {
- onClick: () => addTabToEditor('sound')
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- className: _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.tabAdditionItem
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_icon_sounds_svg__WEBPACK_IMPORTED_MODULE_51__["ReactComponent"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_8__["FormattedMessage"], {
- defaultMessage: "Sounds",
- id: "gui.gui.soundsTab"
- }))), !tabOrder.includes('variable') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_context_menu_context_menu_jsx__WEBPACK_IMPORTED_MODULE_7__["MenuItem"], {
- onClick: () => addTabToEditor('variable')
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- className: _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.tabAdditionItem
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_icon_variables_svg__WEBPACK_IMPORTED_MODULE_52__["ReactComponent"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_8__["FormattedMessage"], {
- defaultMessage: "Variables",
- id: "gui.gui.variablesTab"
- })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- id: "sa_addons_after_add_tab_anchor"
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_tabs__WEBPACK_IMPORTED_MODULE_11__["TabPanel"], {
- className: tabClassNames.tabPanel
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_23__["default"], {
- className: _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.blocksWrapper
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_blocks_jsx__WEBPACK_IMPORTED_MODULE_15__["default"], {
- canUseCloud: canUseCloud,
- grow: 1,
- isVisible: blocksTabVisible,
- options: {
- media: "".concat(basePath, "static/blocks-media/")
- },
- stageSize: stageSize,
- vm: vm
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_23__["default"], {
- className: _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.extensionButtonContainer
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("button", {
- className: _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.extensionButton,
- title: intl.formatMessage(messages.addExtension),
- onClick: onExtensionButtonClick
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_icon_extensions_svg__WEBPACK_IMPORTED_MODULE_48__["ReactComponent"], {
- className: _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.extensionButtonIcon
- }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_23__["default"], {
- className: _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.watermark
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_watermark_jsx__WEBPACK_IMPORTED_MODULE_27__["default"], null))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_tabs__WEBPACK_IMPORTED_MODULE_11__["TabPanel"], {
- className: tabClassNames.tabPanel
- }, costumesTabVisible ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_costume_tab_jsx__WEBPACK_IMPORTED_MODULE_16__["default"], {
- vm: vm,
- isDark: isDark
- }) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_tabs__WEBPACK_IMPORTED_MODULE_11__["TabPanel"], {
- className: tabClassNames.tabPanel
- }, soundsTabVisible ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_sound_tab_jsx__WEBPACK_IMPORTED_MODULE_18__["default"], {
- vm: vm
- }) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_tabs__WEBPACK_IMPORTED_MODULE_11__["TabPanel"], {
- className: tabClassNames.tabPanel
- }, variablesTabVisible ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_variables_tab_jsx__WEBPACK_IMPORTED_MODULE_19__["default"], {
- vm: vm
- }) : null)), backpackVisible ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_backpack_jsx__WEBPACK_IMPORTED_MODULE_28__["default"], {
- host: backpackHost
- }) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_23__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.stageAndTargetWrapper, _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a[stageSize])
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_stage_wrapper_jsx__WEBPACK_IMPORTED_MODULE_21__["default"], {
- isFullScreen: isFullScreen,
- isRendererSupported: Object(_lib_tw_environment_support_prober__WEBPACK_IMPORTED_MODULE_45__["isRendererSupported"])(),
- isRtl: isRtl,
- stageSize: stageSize,
- vm: vm
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_23__["default"], {
- className: _gui_css__WEBPACK_IMPORTED_MODULE_46___default.a.targetWrapper
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_target_pane_jsx__WEBPACK_IMPORTED_MODULE_17__["default"], {
- stageSize: stageSize,
- vm: vm
- }))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_drag_layer_jsx__WEBPACK_IMPORTED_MODULE_33__["default"], null));
- });
-};
-GUIComponent.propTypes = {
- accountNavOpen: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- activeTabIndex: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,
- authorId: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool]),
- // can be false
- authorThumbnailUrl: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,
- authorUsername: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool]),
- // can be false
- backdropLibraryVisible: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- backpackHost: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,
- backpackVisible: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- basePath: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,
- blocksTabVisible: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- canChangeLanguage: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- canCreateCopy: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- canCreateNew: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- canEditTitle: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- canManageFiles: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- canRemix: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- canSave: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- canShare: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- canUseCloud: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- cardsVisible: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- children: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.node,
- costumeLibraryVisible: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- costumesTabVisible: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- customStageSize: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape({
- width: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,
- height: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number
- }),
- enableCommunity: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- intl: react_intl__WEBPACK_IMPORTED_MODULE_8__["intlShape"].isRequired,
- isCreating: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- isDark: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- isEmbedded: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- isFullScreen: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- isPlayerOnly: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- isRtl: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- isShared: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- isWindowFullScreen: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- loading: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- logo: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,
- onActivateCostumesTab: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onActivateSoundsTab: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onActivateVariablesTab: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onActivateFilesTab: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onActivateTab: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onClickAccountNav: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onClickAddonSettings: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onClickNewWindow: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onClickTheme: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onClickPackager: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onClickLogo: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onCloseAccountNav: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onExtensionButtonClick: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onLogOut: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onOpenRegistration: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onRequestCloseBackdropLibrary: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onRequestCloseCostumeLibrary: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onRequestCloseTelemetryModal: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onSeeCommunity: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onShare: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onShowPrivacyPolicy: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onStartSelectingFileUpload: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onStartFolderUpload: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onTabSelect: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onTelemetryModalCancel: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onTelemetryModalOptIn: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onTelemetryModalOptOut: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onToggleLoginOpen: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- renderLogin: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- showComingSoon: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- soundsTabVisible: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- variablesTabVisible: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- filesTabVisible: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- stageSizeMode: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.oneOf(Object.keys(_lib_layout_constants__WEBPACK_IMPORTED_MODULE_43__["STAGE_SIZE_MODES"])),
- targetIsStage: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- telemetryModalVisible: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- tipsLibraryVisible: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- usernameModalVisible: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- settingsModalVisible: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- customExtensionModalVisible: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- fontsModalVisible: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- vm: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.instanceOf(scratch_vm__WEBPACK_IMPORTED_MODULE_13___default.a).isRequired
-};
-GUIComponent.defaultProps = {
- backpackHost: null,
- backpackVisible: false,
- basePath: './',
- canChangeLanguage: true,
- canCreateNew: false,
- canEditTitle: false,
- canManageFiles: true,
- canRemix: false,
- canSave: false,
- canCreateCopy: false,
- canShare: false,
- canUseCloud: false,
- enableCommunity: false,
- isCreating: false,
- isShared: false,
- loading: false,
- showComingSoon: false,
- stageSizeMode: _lib_layout_constants__WEBPACK_IMPORTED_MODULE_43__["STAGE_SIZE_MODES"].large
-};
-const mapStateToProps = state => ({
- customStageSize: state.scratchGui.customStageSize,
- isWindowFullScreen: state.scratchGui.tw.isWindowFullScreen,
- // This is the button's mode, as opposed to the actual current state
- stageSizeMode: state.scratchGui.stageSize.stageSize
-});
-/* harmony default export */ __webpack_exports__["default"] = (Object(react_intl__WEBPACK_IMPORTED_MODULE_8__["injectIntl"])(Object(react_redux__WEBPACK_IMPORTED_MODULE_9__["connect"])(mapStateToProps)(GUIComponent)));
-
-/***/ }),
-
-/***/ "./src/components/gui/icon--code.svg":
-/*!*******************************************!*\
- !*** ./src/components/gui/icon--code.svg ***!
- \*******************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconCode; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconCode(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M15 14.51a.5.5 0 01-.5.5H9.197a.495.495 0 00-.353.146l-.698.698a.5.5 0 01-.353.146H6.207a.5.5 0 01-.353-.146l-.698-.698a.497.497 0 00-.353-.146H3.5a.5.5 0 01-.5-.5V11.5a.5.5 0 01.5-.5h1.293a.5.5 0 01.353.146l.708.708a.5.5 0 00.353.146h1.586a.5.5 0 00.353-.146l.708-.708A.5.5 0 019.207 11H14.5a.5.5 0 01.5.5v3.01zm2-5a.5.5 0 01-.5.5H9.197a.495.495 0 00-.353.146l-.698.698a.5.5 0 01-.353.146H6.207a.5.5 0 01-.353-.146l-.698-.698a.497.497 0 00-.353-.146H3.5a.5.5 0 01-.5-.5V6.5a.5.5 0 01.5-.5h1.293a.5.5 0 01.353.146l.708.708A.5.5 0 006.207 7h1.586a.5.5 0 00.353-.146l.708-.708A.5.5 0 019.207 6H16.5a.5.5 0 01.5.5v3.01z",
- fill: "#5100ff",
- fillRule: "evenodd"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/0896da795cd8d2199e8cfb968229d04a.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/gui/icon--costumes.svg":
-/*!***********************************************!*\
- !*** ./src/components/gui/icon--costumes.svg ***!
- \***********************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconCostumes; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconCostumes(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M16.2 6.587c-.658 1.355-1.634 2.918-2.554 4.077-.771.976-1.39 1.548-1.98 1.827a.385.385 0 01-.22.057.448.448 0 01-.178-.043.487.487 0 01-.289-.264 2.448 2.448 0 00-.713-.95 2.928 2.928 0 00-1.085-.517.484.484 0 01-.318-.237.55.55 0 01-.068-.39c.164-.642.59-1.395 1.332-2.33 1.458-1.872 4.37-4.648 5.784-4.803.385-.056.605.07.742.181.359.307.716.979-.453 3.392zm-5.935 7.412a2.595 2.595 0 01-.523 1.926c-.37.487-.892.824-1.482.963a.252.252 0 01-.097.028l-.138.014c-.26.042-.507.07-.756.07-1.977 0-3.366-1.341-3.914-2.22-.208-.348-.522-.99-.248-1.395.07-.098.26-.307.672-.223 1.306.279 1.773-.307 1.856-.42a2.59 2.59 0 013.64-.502c.55.433.907 1.061.99 1.759z",
- fill: "#5100ff",
- fillRule: "evenodd"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/06b8b81e4596f360738c678f6a840dc2.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/gui/icon--extensions.svg":
-/*!*************************************************!*\
- !*** ./src/components/gui/icon--extensions.svg ***!
- \*************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconExtensions; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconExtensions(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 34,
- height: 34,
- viewBox: "0 0 28 28",
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- fill: "none",
- fillRule: "evenodd"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M22 20.51a.5.5 0 01-.5.5H11.197a.495.495 0 00-.353.146l-.698.698a.5.5 0 01-.353.146H7.207a.5.5 0 01-.353-.146l-.698-.698a.497.497 0 00-.353-.146H4.5a.5.5 0 01-.5-.5V16.5a.5.5 0 01.5-.5h1.293a.5.5 0 01.353.146l.708.708a.5.5 0 00.353.146h2.586a.5.5 0 00.353-.146l.708-.708a.5.5 0 01.353-.146H21.5a.5.5 0 01.5.5v4.01zm-5.004-7a.5.5 0 01-.5.5h-5.299a.495.495 0 00-.353.146l-.698.698a.5.5 0 01-.353.146H7.207a.504.504 0 01-.354-.146l-.697-.698a.499.499 0 00-.353-.146H4.5a.5.5 0 01-.5-.5V9.5a.5.5 0 01.5-.5h1.293a.5.5 0 01.353.146l.707.708a.504.504 0 00.354.146h2.586a.5.5 0 00.353-.146l.707-.708A.504.504 0 0111.207 9h5.29a.5.5 0 01.5.5v4.01z",
- fill: "#FFF"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- stroke: "#FFF",
- strokeWidth: 2,
- strokeLinecap: "round",
- strokeLinejoin: "round"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M22 5v4M24 7h-4"
- })))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/5f4208a6b7257c456c018d57efc8a7e9.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/gui/icon--files.svg":
-/*!********************************************!*\
- !*** ./src/components/gui/icon--files.svg ***!
- \********************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconFiles; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path, _path2;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconFiles(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- xmlns: "http://www.w3.org/2000/svg",
- width: 20,
- height: 20
- }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- "data-paper-data": "{\"isPaintingLayer\":true}",
- fill: "none",
- stroke: "#5100ff",
- strokeWidth: 1.5,
- strokeMiterlimit: 10,
- style: {
- mixBlendMode: "normal"
- }
- }, _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M5.21 17.024V2.476h5.508l4.969 5.029v9.52z"
- })), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M15.79 7.176l-.138.294H10.6V2.822"
- }))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/6c037268777f4b85658c4fdc1f55b4f9.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/gui/icon--sounds.svg":
-/*!*********************************************!*\
- !*** ./src/components/gui/icon--sounds.svg ***!
- \*********************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconSounds; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconSounds(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M12.63 13.637a.886.886 0 01-.755-1.333 2.569 2.569 0 000-2.6.888.888 0 01.31-1.213.878.878 0 011.204.311 4.346 4.346 0 010 4.401.875.875 0 01-.758.434zm2.627 1.418a.886.886 0 01-.755-1.333 5.367 5.367 0 000-5.437.888.888 0 01.309-1.212.88.88 0 011.204.31 7.138 7.138 0 010 7.238.877.877 0 01-.758.434zM10.379 6.68v8.641c0 1.024-1.207 1.56-1.96.87l-1.624-1.492a3.112 3.112 0 00-2.104-.82h-.284A1.41 1.41 0 013 12.464V9.55c0-.781.63-1.414 1.407-1.414h.268c.78 0 1.529-.293 2.104-.82L8.42 5.81c.753-.69 1.96-.154 1.96.869z",
- fill: "#5100ff",
- fillRule: "evenodd"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/d0285f1906636f21d1149a4797b978dc.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/gui/icon--variables.svg":
-/*!************************************************!*\
- !*** ./src/components/gui/icon--variables.svg ***!
- \************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconVariables; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconVariables(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 20 20",
- fill: "#5100ff"
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- fillRule: "evenodd",
- d: "M4.649 3.084A1 1 0 015.163 4.4 13.95 13.95 0 004 10c0 1.993.416 3.886 1.164 5.6a1 1 0 01-1.832.8A15.95 15.95 0 012 10c0-2.274.475-4.44 1.332-6.4a1 1 0 011.317-.516zM12.96 7a3 3 0 00-2.342 1.126l-.328.41-.111-.279A2 2 0 008.323 7H8a1 1 0 000 2h.323l.532 1.33-1.035 1.295a1 1 0 01-.781.375H7a1 1 0 100 2h.039a3 3 0 002.342-1.126l.328-.41.111.279A2 2 0 0011.677 14H12a1 1 0 100-2h-.323l-.532-1.33 1.035-1.295A1 1 0 0112.961 9H13a1 1 0 100-2h-.039zm1.874-2.6a1 1 0 011.833-.8A15.95 15.95 0 0118 10c0 2.274-.475 4.44-1.332 6.4a1 1 0 11-1.832-.8A13.949 13.949 0 0016 10c0-1.993-.416-3.886-1.165-5.6z",
- clipRule: "evenodd"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/2d24a289beac8fe221ce132aac88a320.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/icon-button/icon-button.css":
-/*!****************************************************!*\
- !*** ./src/components/icon-button/icon-button.css ***!
- \****************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./icon-button.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/icon-button/icon-button.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/icon-button/icon-button.jsx":
-/*!****************************************************!*\
- !*** ./src/components/icon-button/icon-button.jsx ***!
- \****************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _icon_button_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./icon-button.css */ "./src/components/icon-button/icon-button.css");
-/* harmony import */ var _icon_button_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_icon_button_css__WEBPACK_IMPORTED_MODULE_3__);
-
-
-
-
-const IconButton = _ref => {
- let {
- img,
- disabled,
- className,
- title,
- onClick
- } = _ref;
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_icon_button_css__WEBPACK_IMPORTED_MODULE_3___default.a.container, className, disabled ? _icon_button_css__WEBPACK_IMPORTED_MODULE_3___default.a.disabled : null),
- role: "button",
- onClick: disabled ? null : onClick
- }, typeof img === 'string' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- className: _icon_button_css__WEBPACK_IMPORTED_MODULE_3___default.a.icon,
- draggable: false,
- src: img,
- alt: ""
- }) : (
- /*#__PURE__*/
- // Reactコンポーネントとして描画
- react__WEBPACK_IMPORTED_MODULE_1___default.a.cloneElement(img, {
- className: _icon_button_css__WEBPACK_IMPORTED_MODULE_3___default.a.icon
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _icon_button_css__WEBPACK_IMPORTED_MODULE_3___default.a.title
- }, title));
-};
-IconButton.propTypes = {
- className: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,
- disabled: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool,
- img: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.element]),
- onClick: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func.isRequired,
- title: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.node.isRequired
-};
-/* harmony default export */ __webpack_exports__["default"] = (IconButton);
-
-/***/ }),
-
-/***/ "./src/components/language-selector/language-icon.svg":
-/*!************************************************************!*\
- !*** ./src/components/language-selector/language-icon.svg ***!
- \************************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgLanguageIcon; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgLanguageIcon(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- stroke: "#FFF",
- strokeWidth: 1.25,
- fill: "none",
- fillRule: "evenodd",
- strokeLinecap: "round",
- strokeLinejoin: "round"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M17.635 10.113a7.523 7.523 0 01-7.523 7.523 7.523 7.523 0 110-15.047 7.524 7.524 0 017.523 7.524z"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M13.98 10.117c0 1.633-.265 3.143-.726 4.375-.698 1.901-1.846 3.143-3.143 3.143-1.297 0-2.442-1.242-3.144-3.143-.456-1.232-.723-2.742-.723-4.375 0-1.634.267-3.144.723-4.376.702-1.911 1.847-3.153 3.144-3.153 1.297 0 2.445 1.242 3.143 3.153.461 1.232.727 2.742.727 4.376zM2.955 12.281h14.313M2.955 7.947h14.313M10.112 2.59v15.048"
- }))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/1319094a51748798730f01d1dc0972ac.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/language-selector/language-selector.css":
-/*!****************************************************************!*\
- !*** ./src/components/language-selector/language-selector.css ***!
- \****************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./language-selector.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/language-selector/language-selector.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/language-selector/language-selector.jsx":
-/*!****************************************************************!*\
- !*** ./src/components/language-selector/language-selector.jsx ***!
- \****************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _turbowarp_scratch_l10n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @turbowarp/scratch-l10n */ "./node_modules/@turbowarp/scratch-l10n/src/index.js");
-/* harmony import */ var _language_selector_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./language-selector.css */ "./src/components/language-selector/language-selector.css");
-/* harmony import */ var _language_selector_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_language_selector_css__WEBPACK_IMPORTED_MODULE_3__);
-
-
-
-
-
-// supported languages to exclude from the menu, but allow as a URL option
-const ignore = [];
-const LanguageSelector = _ref => {
- let {
- currentLocale,
- label,
- onChange
- } = _ref;
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("select", {
- "aria-label": label,
- className: _language_selector_css__WEBPACK_IMPORTED_MODULE_3___default.a.languageSelect,
- value: currentLocale,
- onChange: onChange
- }, Object.keys(_turbowarp_scratch_l10n__WEBPACK_IMPORTED_MODULE_2__["default"]).filter(l => !ignore.includes(l)).map(locale => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("option", {
- key: locale,
- value: locale
- }, _turbowarp_scratch_l10n__WEBPACK_IMPORTED_MODULE_2__["default"][locale].name)));
-};
-LanguageSelector.propTypes = {
- currentLocale: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,
- label: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,
- onChange: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func
-};
-/* harmony default export */ __webpack_exports__["default"] = (LanguageSelector);
-
-/***/ }),
-
-/***/ "./src/components/library-item/bluetooth.svg":
-/*!***************************************************!*\
- !*** ./src/components/library-item/bluetooth.svg ***!
- \***************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgBluetooth; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _defs, _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgBluetooth(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg",
- xmlnsXlink: "http://www.w3.org/1999/xlink"
- }, props), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M10.007 12.107l2.389 1.895-2.39 1.916v-3.811zm0-8.018l2.378 1.906-2.378 1.884V4.09zM8.885 1.007a.999.999 0 00-.873 1v5.955L6.642 6.88a.996.996 0 00-.749-.22.999.999 0 00-.498 1.792l1.953 1.54-1.953 1.552a1.006 1.006 0 00-.161 1.411 1 1 0 001.407.162l1.371-1.094V18a.998.998 0 001.62.781l4.987-3.998a1.002 1.002 0 000-1.573l-4.051-3.207 4.05-3.217a1.002 1.002 0 000-1.562L9.634 1.225a.997.997 0 00-.748-.218z",
- id: "bluetooth_svg__a"
- }))), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- fill: "none",
- fillRule: "evenodd"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("mask", {
- id: "bluetooth_svg__b",
- fill: "#fff"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", {
- xlinkHref: "#bluetooth_svg__a"
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", {
- fill: "#4D97FF",
- xlinkHref: "#bluetooth_svg__a"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- mask: "url(#bluetooth_svg__b)",
- fill: "#575E75"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M0 0h20v20H0z"
- })))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/dfe35552790fb5ff38c78a43f5e62f30.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/library-item/delete/filled.svg":
-/*!*******************************************************!*\
- !*** ./src/components/library-item/delete/filled.svg ***!
- \*******************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgFilled; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgFilled(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- xmlns: "http://www.w3.org/2000/svg",
- width: 20,
- height: 20
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M4 4.75h12a.75.75 0 01.746.825l-1.11 11.1a1.75 1.75 0 01-1.741 1.575h-7.79a1.75 1.75 0 01-1.741-1.576l-1.11-11.1A.75.75 0 014 4.75zm6.75 8.75v-5a.75.75 0 00-1.5 0v5a.75.75 0 101.5 0zm2.5 0v-5a.75.75 0 10-1.5 0v5a.75.75 0 101.5 0zm-5 0v-5a.75.75 0 00-1.5 0v5a.75.75 0 101.5 0zm-4.75-8h13-13zm0-1h13a1 1 0 010 2h-13a1 1 0 110-2zm7.75.25V3.5a.25.25 0 00-.25-.25H9a.25.25 0 00-.25.25v1.25h2.5zM9 1.75h2c.966 0 1.75.784 1.75 1.75v2.75h-5.5V3.5c0-.966.784-1.75 1.75-1.75z",
- fill: "red",
- fillRule: "nonzero"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/41835a2c99bdd753b68472735b2bd611.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/library-item/download/filled.svg":
-/*!*********************************************************!*\
- !*** ./src/components/library-item/download/filled.svg ***!
- \*********************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgFilled; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgFilled(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- xmlns: "http://www.w3.org/2000/svg",
- width: 20,
- height: 20
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "MNaN NaNlNaN NaNcNaN NaN NaN NaN NaN NaNlNaN NaNcNaN NaN NaN NaN NaN NaNlNaN NaN NaN NaNcNaN NaN NaN NaN NaN NaN NaN NaN NaN NaN NaN NaNlNaN NaN NaN NaNcNaN NaN NaN NaN NaN NaNzmNaN NaNlNaN NaNcNaN NaN NaN NaN NaN NaNlNaN NaNcNaN NaN NaN NaN NaN NaNlNaN NaNcNaN NaN NaN NaN NaN NaN NaN NaN NaN NaN NaN NaNlNaN NaNcNaN NaN NaN NaN NaN NaNlNaN NaNcNaN NaN NaN NaN NaN NaNlNaN NaNcNaN NaN NaN NaN NaN NaN NaN NaN NaN NaN NaN NaNz",
- fill: "#FFF",
- fillRule: "evenodd"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/663892634c556da228c1d09301a54e63.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/library-item/favorite/filled.svg":
-/*!*********************************************************!*\
- !*** ./src/components/library-item/favorite/filled.svg ***!
- \*********************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgFilled; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgFilled(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- xmlns: "http://www.w3.org/2000/svg",
- width: 47.06,
- height: 45.305
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M36.885 43.469c-3.128 2.22-13.509-7.288-13.509-7.288s-10.584 9.29-13.665 7c-3.083-2.289 2.756-15.104 2.756-15.104S.362 20.881 1.587 17.244c1.225-3.64 15.216-2.046 15.216-2.046S19.903 1.462 23.74 1.5c3.844.04 6.653 13.84 6.653 13.84s14.021-1.296 15.166 2.37c1.153 3.662-11.104 10.6-11.104 10.6s5.565 12.937 2.43 15.159z",
- "data-paper-data": "{\"isPaintingLayer\":true}",
- fill: "#ffd200",
- stroke: "#ffd200",
- strokeWidth: 3,
- strokeMiterlimit: 10
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/27802141bca7404b477168369bf3475d.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/library-item/favorite/outline.svg":
-/*!**********************************************************!*\
- !*** ./src/components/library-item/favorite/outline.svg ***!
- \**********************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgOutline; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgOutline(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- xmlns: "http://www.w3.org/2000/svg",
- width: 47.06,
- height: 45.305
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M36.885 43.469c-3.128 2.22-13.509-7.288-13.509-7.288s-10.584 9.29-13.665 7c-3.083-2.289 2.756-15.104 2.756-15.104S.362 20.881 1.587 17.244c1.225-3.64 15.216-2.046 15.216-2.046S19.903 1.462 23.74 1.5c3.844.04 6.653 13.84 6.653 13.84s14.021-1.296 15.166 2.37c1.153 3.662-11.104 10.6-11.104 10.6s5.565 12.937 2.43 15.159z",
- "data-paper-data": "{\"isPaintingLayer\":true}",
- fill: "none",
- stroke: "#ffd200",
- strokeWidth: 3,
- strokeMiterlimit: 10
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/e28b110fa5eef35531fa271a3a7b6314.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/library-item/internet-connection.svg":
-/*!*************************************************************!*\
- !*** ./src/components/library-item/internet-connection.svg ***!
- \*************************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgInternetConnection; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _defs, _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgInternetConnection(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg",
- xmlnsXlink: "http://www.w3.org/1999/xlink"
- }, props), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M14.259 9.823a1.154 1.154 0 01-.78 2.001c-.28 0-.56-.11-.78-.311-1.472-1.37-3.922-1.39-5.413-.059-.48.42-1.201.38-1.631-.1-.42-.47-.38-1.2.1-1.62a6.323 6.323 0 014.202-1.602c1.6 0 3.131.6 4.302 1.691zm-2.221 4.592c0 1.062-.87 1.931-1.93 1.931a1.94 1.94 0 01-1.942-1.93c0-1.071.87-1.94 1.941-1.94 1.06 0 1.931.869 1.931 1.94zm5.612-8.304c.451.44.471 1.161.03 1.621-.229.24-.53.35-.83.35-.29 0-.58-.1-.8-.32A8.76 8.76 0 009.956 5.3a8.758 8.758 0 00-6.022 2.392c-.462.43-1.19.41-1.622-.05-.44-.46-.41-1.19.05-1.632A11.044 11.044 0 019.958 3c2.88 0 5.612 1.11 7.693 3.111z",
- id: "internet-connection_svg__a"
- }))), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- fill: "none",
- fillRule: "evenodd"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("mask", {
- id: "internet-connection_svg__b",
- fill: "#fff"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", {
- xlinkHref: "#internet-connection_svg__a"
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", {
- fill: "#4C97FF",
- xlinkHref: "#internet-connection_svg__a"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- mask: "url(#internet-connection_svg__b)",
- fill: "#575E75"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M0 0h20v20H0z"
- })))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/1bb0adb555e07593962e9fc28ec7566d.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/library-item/library-item.css":
-/*!******************************************************!*\
- !*** ./src/components/library-item/library-item.css ***!
- \******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./library-item.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/library-item/library-item.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/library-item/library-item.jsx":
-/*!******************************************************!*\
- !*** ./src/components/library-item/library-item.jsx ***!
- \******************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/index.es.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _box_box_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../box/box.jsx */ "./src/components/box/box.jsx");
-/* harmony import */ var _containers_play_button_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../containers/play-button.jsx */ "./src/containers/play-button.jsx");
-/* harmony import */ var _library_item_css__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./library-item.css */ "./src/components/library-item/library-item.css");
-/* harmony import */ var _library_item_css__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_library_item_css__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var _bluetooth_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./bluetooth.svg */ "./src/components/library-item/bluetooth.svg");
-/* harmony import */ var _internet_connection_svg__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./internet-connection.svg */ "./src/components/library-item/internet-connection.svg");
-/* harmony import */ var _favorite_filled_svg__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./favorite/filled.svg */ "./src/components/library-item/favorite/filled.svg");
-/* harmony import */ var _favorite_outline_svg__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./favorite/outline.svg */ "./src/components/library-item/favorite/outline.svg");
-/* harmony import */ var _delete_filled_svg__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./delete/filled.svg */ "./src/components/library-item/delete/filled.svg");
-/* harmony import */ var _download_filled_svg__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./download/filled.svg */ "./src/components/library-item/download/filled.svg");
-
-
-
-
-
-
-
-
-
-
-
-
-
-const getURLOrigin = url => {
- let urlObj;
- try {
- urlObj = new URL(url);
- } catch (_unused) {
- // not a valid URL
- return String(url);
- }
- return urlObj.origin;
-};
-const getMSFormatted = ms => {
- return (ms / 1000).toFixed(2);
-};
-
-/* eslint-disable react/prefer-stateless-function */
-class LibraryItemComponent extends react__WEBPACK_IMPORTED_MODULE_2___default.a.PureComponent {
- render() {
- return this.props.featured ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: classnames__WEBPACK_IMPORTED_MODULE_6___default()(_library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItem, _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.featuredItem, {
- [_library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.disabled]: this.props.disabled
- }, typeof this.props.extensionId === 'string' ? _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemExtension : null, this.props.hidden ? _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.hidden : null),
- onClick: this.props.onClick
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.featuredImageContainer
- }, this.props.disabled ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.comingSoonText
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Coming Soon",
- id: "gui.extensionLibrary.comingSoon"
- })) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.featuredImage,
- loading: "lazy",
- draggable: false,
- src: this.props.iconURL
- })), this.props.insetIconURL && !this.props.customInsetColor ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: this.props.twDeveloper ? classnames__WEBPACK_IMPORTED_MODULE_6___default()(_library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemInsetImageContainer, _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.twLibraryItemInsetImageContainer) : _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemInsetImageContainer
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemInsetImage,
- src: this.props.insetIconURL,
- draggable: false
- })) : null, this.props.insetIconURL && this.props.customInsetColor ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemInsetImageContainerNoBg,
- style: {
- backgroundColor: this.props.customInsetColor
- }
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemInsetImage,
- src: this.props.insetIconURL
- })) : null, this.props.favoritable && !this.props.deletable ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("button", {
- // data-clearclick just makes it so the item
- // doesnt get selected when clicking this element
- "data-clearclick": "true",
- "data-activated": this.props.favorited === true,
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemFavorite,
- onClick: () => this.props.onFavoriteClick(this.props.favorited)
- }, this.props.favorited === true ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- "data-usedimage": "true",
- "data-clearclick": "true",
- src: _favorite_filled_svg__WEBPACK_IMPORTED_MODULE_9__["default"]
- }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- "data-usedimage": "true",
- "data-clearclick": "true",
- src: _favorite_outline_svg__WEBPACK_IMPORTED_MODULE_10__["default"]
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- "data-usedimage": "false",
- "data-clearclick": "true",
- src: _favorite_filled_svg__WEBPACK_IMPORTED_MODULE_9__["default"]
- })) : null, this.props.deletable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("button", {
- // data-clearclick just makes it so the item
- // doesnt get selected when clicking this element
- "data-clearclick": "true",
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemDelete,
- onClick: this.props.onDeleteClick
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- "data-clearclick": "true",
- src: _delete_filled_svg__WEBPACK_IMPORTED_MODULE_11__["default"]
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: typeof this.props.extensionId === 'string' ? classnames__WEBPACK_IMPORTED_MODULE_6___default()(_library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.featuredExtensionText, _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.featuredText) : _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.featuredText
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemName
- }, this.props.name), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("br", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.featuredDescription
- }, this.props.description), this.props.custom && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("br", null), this.props.extensionId.startsWith("data:") ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", null, this.props._unsandboxed ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Custom Unsandboxed extension",
- id: "pm.extensionLibrary.customLibraryExtensionUnsandboxed"
- }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Custom Sandboxed extension",
- id: "pm.extensionLibrary.customLibraryExtensionSandboxed"
- })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Added from a website",
- id: "pm.extensionLibrary.customLibraryExtensionWebsite"
- })), this.props.extensionId.startsWith("data:") ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.featuredDescription
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Loaded from Text / File",
- id: "pm.extensionLibrary.customLibraryExtensionTextOrFile"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("a", {
- "data-clearclick": "true",
- download: "extension.js",
- href: this.props.extensionId
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("button", {
- "data-clearclick": "true",
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.inspectExtension
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- "data-clearclick": "true",
- src: _download_filled_svg__WEBPACK_IMPORTED_MODULE_12__["default"],
- alt: "Download"
- })))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("a", {
- target: "_blank",
- "data-clearclick": "true",
- href: this.props.extensionId,
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.featuredDescription
- }, getURLOrigin(this.props.extensionId)))), this.props.bluetoothRequired || this.props.internetConnectionRequired || this.props.collaborator || this.props.extDeveloper || this.props.twDeveloper || this.props.eventSubmittor || this.props.credits ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.featuredExtensionMetadata
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.featuredExtensionRequirement
- }, this.props.bluetoothRequired || this.props.internetConnectionRequired ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Requires",
- id: "gui.extensionLibrary.requires"
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.featuredExtensionMetadataDetail
- }, this.props.bluetoothRequired ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- src: _bluetooth_svg__WEBPACK_IMPORTED_MODULE_7__["default"]
- }) : null, this.props.internetConnectionRequired ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- src: _internet_connection_svg__WEBPACK_IMPORTED_MODULE_8__["default"]
- }) : null)) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.featuredExtensionCollaboration
- }, this.props.collaborator ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.smallBottomMargin
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_0__["FormattedMessage"], {
- defaultMessage: "Collaboration with",
- id: "gui.extensionLibrary.collaboration"
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.featuredExtensionMetadataDetail
- }, this.props.collaborator)) : null, this.props.twDeveloper ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.smallBottomMargin
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", null, "Originally for TurboWarp by"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.featuredExtensionMetadataDetail
- }, this.props.twDeveloper)) : null, this.props.extDeveloper ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.smallBottomMargin
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", null, "Created by"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.featuredExtensionMetadataDetail
- }, this.props.extDeveloper)) : null, this.props.eventSubmittor ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.smallBottomMargin
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", null, "Event Submission by"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.featuredExtensionMetadataDetail
- }, this.props.eventSubmittor)) : null, this.props.credits ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.smallBottomMargin
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", null, "Credits"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.featuredExtensionMetadataDetail
- }, this.props.credits)) : null, this.props.extraLabels ? this.props.extraLabels.map(label => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.smallBottomMargin
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", null, label.name), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.featuredExtensionMetadataDetail
- }, label.value))) : null)) : null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_6___default()(_library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItem, {
- [_library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.hidden]: this.props.hidden,
- [_library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemSound]: this.props.styleForSound,
- [_library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemNew]: this.props.isNew
- }),
- role: "button",
- tabIndex: "0",
- onBlur: this.props.onBlur,
- onClick: this.props.onClick,
- onFocus: this.props.onFocus,
- onKeyPress: this.props.onKeyPress,
- onMouseEnter: this.props.showPlayButton ? null : this.props.onMouseEnter,
- onMouseLeave: this.props.showPlayButton ? null : this.props.onMouseLeave
- }, this.props.isNew && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemNewBadge
- }, "NEW"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemImageContainerWrapper
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemImageContainer,
- onMouseEnter: this.props.showPlayButton ? this.props.onMouseEnter : null,
- onMouseLeave: this.props.showPlayButton ? this.props.onMouseLeave : null
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- className: classnames__WEBPACK_IMPORTED_MODULE_6___default()(_library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemImage, {
- [_library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemWaveform]: this.props.styleForSound
- }),
- loading: "lazy",
- src: this.props.iconURL,
- draggable: false
- }), this.props.overlayURL && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("img", {
- className: classnames__WEBPACK_IMPORTED_MODULE_6___default()(_library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemImage, _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemImageOverlay, {
- [_library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemWaveform]: this.props.styleForSound
- }),
- loading: "lazy",
- src: this.props.overlayURL,
- draggable: false
- }))), this.props.styleForSound ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemSoundInfoContainer
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", {
- className: classnames__WEBPACK_IMPORTED_MODULE_6___default()(_library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemName, _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemSoundName)
- }, this.props.name), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", {
- className: classnames__WEBPACK_IMPORTED_MODULE_6___default()(_library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemName, _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemSoundType)
- }, this.props.soundType, ", ", getMSFormatted(this.props.soundLength))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", {
- className: _library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemName
- }, this.props.name), this.props.showPlayButton ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_containers_play_button_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_6___default()({
- [_library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemSoundPlayButton]: this.props.styleForSound,
- [_library_item_css__WEBPACK_IMPORTED_MODULE_5___default.a.libraryItemNewPlayButton]: this.props.isNew
- }),
- isPlaying: this.props.isPlaying,
- onPlay: this.props.onPlay,
- onStop: this.props.onStop
- }) : null);
- }
-}
-/* eslint-enable react/prefer-stateless-function */
-
-LibraryItemComponent.propTypes = {
- intl: react_intl__WEBPACK_IMPORTED_MODULE_0__["intlShape"],
- bluetoothRequired: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- collaborator: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node]),
- credits: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node]),
- twDeveloper: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node]),
- extDeveloper: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node]),
- eventSubmittor: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node]),
- extraLabels: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({
- name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node]),
- value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node])
- })),
- description: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node]),
- disabled: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- extensionId: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- featured: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- isNew: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- hidden: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- iconURL: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- overlayURL: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- insetIconURL: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- styleForSound: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- soundType: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- soundLength: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,
- customInsetColor: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- internetConnectionRequired: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- isPlaying: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node]),
- onBlur: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
- onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
- onFocus: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
- onKeyPress: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
- onMouseEnter: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
- onMouseLeave: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
- onPlay: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
- onStop: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
- showPlayButton: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- favoritable: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- favorited: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- deletable: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- custom: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
- onFavoriteClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
- onDeleteClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
- _id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
- _unsandboxed: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool
-};
-LibraryItemComponent.defaultProps = {
- disabled: false,
- showPlayButton: false
-};
-/* harmony default export */ __webpack_exports__["default"] = (LibraryItemComponent);
-
-/***/ }),
-
-/***/ "./src/components/library/library.css":
-/*!********************************************!*\
- !*** ./src/components/library/library.css ***!
- \********************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./library.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/library/library.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/library/library.jsx":
-/*!********************************************!*\
- !*** ./src/components/library/library.jsx ***!
- \********************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var lodash_bindall__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash.bindall */ "./node_modules/lodash.bindall/index.js");
-/* harmony import */ var lodash_bindall__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_bindall__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var localforage__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! localforage */ "./node_modules/localforage/dist/localforage.js");
-/* harmony import */ var localforage__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(localforage__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/index.es.js");
-/* harmony import */ var _containers_library_item_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../containers/library-item.jsx */ "./src/containers/library-item.jsx");
-/* harmony import */ var _containers_modal_jsx__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../containers/modal.jsx */ "./src/containers/modal.jsx");
-/* harmony import */ var _divider_divider_jsx__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../divider/divider.jsx */ "./src/components/divider/divider.jsx");
-/* harmony import */ var _filter_filter_jsx__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../filter/filter.jsx */ "./src/components/filter/filter.jsx");
-/* harmony import */ var _containers_tag_button_jsx__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../containers/tag-button.jsx */ "./src/containers/tag-button.jsx");
-/* harmony import */ var _containers_tag_checkbox_jsx__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../containers/tag-checkbox.jsx */ "./src/containers/tag-checkbox.jsx");
-/* harmony import */ var _spinner_spinner_jsx__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../spinner/spinner.jsx */ "./src/components/spinner/spinner.jsx");
-/* harmony import */ var _tw_extension_separator_separator_jsx__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../tw-extension-separator/separator.jsx */ "./src/components/tw-extension-separator/separator.jsx");
-/* harmony import */ var _library_css__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./library.css */ "./src/components/library/library.css");
-/* harmony import */ var _library_css__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_library_css__WEBPACK_IMPORTED_MODULE_14__);
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const messages = Object(react_intl__WEBPACK_IMPORTED_MODULE_5__["defineMessages"])({
- filterPlaceholder: {
- "id": "gui.library.filterPlaceholder",
- "defaultMessage": "Search"
- },
- allTag: {
- "id": "gui.library.allTag",
- "defaultMessage": "All"
- }
-});
-const PM_LIBRARY_API = "https://library.penguinmod.com/";
-const ALL_TAG = {
- tag: 'all',
- intlLabel: messages.allTag
-};
-const tagListPrefix = [];
-
-/**
- * Returns true if the array includes items from the other array.
- * @param {Array} array The array to check
- * @param {Array} from The array with the items that need to be included
- * @returns {boolean}
- */
-const arrayIncludesItemsFrom = (array, from) => {
- if (!Array.isArray(array)) array = [];
- if (!Array.isArray(from)) from = [];
- const value = from.every(value => {
- return array.indexOf(value) >= 0;
- });
- // console.log(array, from, value);
- return value;
-};
-class LibraryComponent extends react__WEBPACK_IMPORTED_MODULE_3___default.a.Component {
- constructor(props) {
- super(props);
- lodash_bindall__WEBPACK_IMPORTED_MODULE_1___default()(this, ['handleClose', 'handleFilterChange', 'handleFilterClear', 'handleMouseEnter', 'handleMouseLeave', 'handlePlayingEnd', 'handleSelect', 'handleTagClick', 'setFilteredDataRef', 'loadLibraryData', 'loadLibraryFavorites', 'waitForLoading', 'handleFavoritesUpdate', 'createFilteredData', 'getFilteredData']);
- this.state = {
- playingItem: null,
- filterQuery: '',
- selectedTags: [],
- favorites: [],
- collapsed: false,
- loaded: false,
- data: props.data
- };
-
- // used for actor libraries
- // they have special things like favorited items
- // the way they load though breaks stuff
- this.usesSpecialLoading = ["ExtensionLibrary"];
- }
- loadLibraryData() {
- return new Promise(resolve => {
- if (this.state.data.then) {
- // If data is a promise, wait for the promise to resolve
- this.state.data.then(data => {
- resolve({
- key: "data",
- value: data
- });
- });
- } else {
- // Allow the spinner to display before loading the content
- setTimeout(() => {
- const data = this.state.data;
- resolve({
- key: "data",
- value: data
- });
- });
- }
- });
- }
- async loadLibraryFavorites() {
- const favorites = await localforage__WEBPACK_IMPORTED_MODULE_4___default.a.getItem("pm:favorited_extensions");
- return {
- key: "favorites",
- value: favorites ? favorites : []
- };
- }
- async handleFavoritesUpdate() {
- const favorites = await localforage__WEBPACK_IMPORTED_MODULE_4___default.a.getItem("pm:favorited_extensions");
- this.setState({
- favorites
- });
- }
- async waitForLoading(processes) {
- // we store values in here
- const packet = {};
- for (const process of processes) {
- // result = { key: "data", value: ... }
- const result = await process();
- packet[result.key] = result.value;
- }
- return packet;
- }
- componentDidMount() {
- if (!this.usesSpecialLoading.includes(this.props.actor)) {
- // regular loading
- if (this.state.data.then) {
- // If data is a promise, wait for the promise to resolve
- this.state.data.then(data => {
- this.setState({
- loaded: true,
- data
- });
- });
- } else {
- // Allow the spinner to display before loading the content
- setTimeout(() => {
- this.setState({
- loaded: true
- });
- });
- }
- }
- if (this.props.setStopHandler) this.props.setStopHandler(this.handlePlayingEnd);
- if (!this.usesSpecialLoading.includes(this.props.actor)) return;
- // special loading
- const spinnerProcesses = [this.loadLibraryData];
- // pm: actors can load extra stuff
- // pm: if we are acting as the extension library, load favorited extensions
- if (this.props.actor === "ExtensionLibrary") {
- spinnerProcesses.push(this.loadLibraryFavorites);
- }
- // wait for spinner stuff
- this.waitForLoading(spinnerProcesses).then(packet => {
- const data = _objectSpread({
- loaded: true
- }, packet);
- this.setState(data);
- });
- }
- // uncomment this if favorites start exploding the website lol!
- // componentWillUnmount () {
- // // pm: clear favorites from.... memory idk
- // this.setState({
- // favorites: []
- // });
- // }
- componentDidUpdate(prevProps, prevState) {
- if (prevState.filterQuery !== this.state.filterQuery || prevState.selectedTags.length !== this.state.selectedTags.length) {
- this.scrollToTop();
- }
- if (prevProps.data !== this.props.data) {
- // eslint-disable-next-line react/no-did-update-set-state
- this.setState({
- data: this.props.data
- });
- }
- }
- handleSelect(id, event) {
- if (event.shiftKey !== true) {
- this.handleClose();
- }
- this.props.onItemSelected(this.getFilteredData()[id]);
- }
- handleClose() {
- this.props.onRequestClose();
- }
- handleTagClick(tag, enabled) {
- // console.log(tag, enabled);
- if (this.state.playingItem === null) {
- this.setState({
- selectedTags: this.state.selectedTags.concat([tag.toLowerCase()])
- });
- } else {
- this.props.onItemMouseLeave(this.getFilteredData()[[this.state.playingItem]]);
- this.setState({
- playingItem: null,
- selectedTags: this.state.selectedTags.concat([tag.toLowerCase()])
- });
- }
- if (!enabled) {
- const tags = this.state.selectedTags.filter(t => t !== tag);
- this.setState({
- selectedTags: tags
- });
- }
- }
- handleMouseEnter(id) {
- // don't restart if mouse over already playing item
- if (this.props.onItemMouseEnter && this.state.playingItem !== id) {
- this.props.onItemMouseEnter(this.getFilteredData()[id]);
- this.setState({
- playingItem: id
- });
- }
- }
- handleMouseLeave(id) {
- if (this.props.onItemMouseLeave) {
- this.props.onItemMouseLeave(this.getFilteredData()[id]);
- this.setState({
- playingItem: null
- });
- }
- }
- handlePlayingEnd() {
- if (this.state.playingItem !== null) {
- this.setState({
- playingItem: null
- });
- }
- }
- handleFilterChange(event) {
- if (this.state.playingItem === null) {
- this.setState({
- filterQuery: event.target.value
- });
- } else {
- this.props.onItemMouseLeave(this.getFilteredData()[[this.state.playingItem]]);
- this.setState({
- filterQuery: event.target.value,
- playingItem: null
- });
- }
- }
- handleFilterClear() {
- this.setState({
- filterQuery: ''
- });
- }
- get custom_extensions() {
- return this.state.favorites.filter(item => typeof item !== "string").map(item => Object.assign(item, {
- custom: true
- }));
- }
- createFilteredData() {
- const data = [].concat(this.state.data);
- const no_tags = this.state.selectedTags.length === 0;
- const no_query = this.state.filterQuery === "";
- if (no_tags && no_query) return data;
- return data.filter(dataItem => {
- var _dataItem$tags;
- var tags = ((_dataItem$tags = dataItem.tags) !== null && _dataItem$tags !== void 0 ? _dataItem$tags : []).map(tag => tag.toLowerCase());
- if (!arrayIncludesItemsFrom(tags, this.state.selectedTags)) return false;
- if (no_query) return true;
- var name = dataItem.name;
- if (name) {
- if (typeof dataItem.name !== "string") {
- name = this.props.intl.formatMessage(dataItem.name.props);
- }
- tags.push(name.toLowerCase());
- }
- tags = tags.join("\n");
- const query = this.state.filterQuery.toLowerCase();
- return tags.includes(query);
- });
- }
- getFilteredData() {
- const filtered = this.createFilteredData();
- if (this.props.actor !== "ExtensionLibrary") {
- return filtered;
- }
- const fully_filtered = [].concat(this.custom_extensions, filtered.filter(item => this.state.favorites.includes(item.extensionId)), filtered.filter(item => !this.state.favorites.includes(item.extensionId))).map(item => Object.assign(item, {
- custom: !!item.custom
- }));
- return fully_filtered;
- }
- scrollToTop() {
- this.filteredDataRef.scrollTop = 0;
- }
- setFilteredDataRef(ref) {
- this.filteredDataRef = ref;
- }
- render() {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_modal_jsx__WEBPACK_IMPORTED_MODULE_7__["default"], {
- fullScreen: true,
- contentLabel: this.props.title,
- id: this.props.id,
- onRequestClose: this.handleClose
- }, this.props.header ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("h1", {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_library_css__WEBPACK_IMPORTED_MODULE_14___default.a.libraryHeader, _library_css__WEBPACK_IMPORTED_MODULE_14___default.a.whiteTextInDarkMode)
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("button", {
- style: this.state.collapsed ? {
- transform: "scaleX(0.65)"
- } : null,
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_library_css__WEBPACK_IMPORTED_MODULE_14___default.a.libraryFilterCollapse),
- onClick: () => {
- this.setState({
- collapsed: !this.state.collapsed
- });
- }
- }), this.props.header, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("p", {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_library_css__WEBPACK_IMPORTED_MODULE_14___default.a.libraryItemCount)
- }, this.state.data.length)) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_library_css__WEBPACK_IMPORTED_MODULE_14___default.a.libraryContentWrapper)
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_library_css__WEBPACK_IMPORTED_MODULE_14___default.a.libraryFilterBar),
- style: this.state.collapsed ? {
- display: "none"
- } : null
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("h3", {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_library_css__WEBPACK_IMPORTED_MODULE_14___default.a.whiteTextInDarkMode)
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_5__["FormattedMessage"], {
- defaultMessage: "Filters",
- id: "gui.library.filters"
- })), this.props.filterable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_filter_filter_jsx__WEBPACK_IMPORTED_MODULE_9__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_library_css__WEBPACK_IMPORTED_MODULE_14___default.a.filterBarItem, _library_css__WEBPACK_IMPORTED_MODULE_14___default.a.filter),
- filterQuery: this.state.filterQuery,
- inputClassName: _library_css__WEBPACK_IMPORTED_MODULE_14___default.a.filterInput,
- placeholderText: this.props.intl.formatMessage(messages.filterPlaceholder),
- onChange: this.handleFilterChange,
- onClear: this.handleFilterClear
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_divider_divider_jsx__WEBPACK_IMPORTED_MODULE_8__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_library_css__WEBPACK_IMPORTED_MODULE_14___default.a.filterBarItem, _library_css__WEBPACK_IMPORTED_MODULE_14___default.a.divider)
- })), this.props.tags && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", null, tagListPrefix.concat(this.props.tags).map((tagProps, id) => {
- let onclick = this.handleTagClick;
- if (tagProps.type === 'divider') {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_divider_divider_jsx__WEBPACK_IMPORTED_MODULE_8__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_library_css__WEBPACK_IMPORTED_MODULE_14___default.a.filterBarItem, _library_css__WEBPACK_IMPORTED_MODULE_14___default.a.divider)
- });
- }
- if (tagProps.type === 'title') {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("h3", {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_library_css__WEBPACK_IMPORTED_MODULE_14___default.a.whiteTextInDarkMode)
- }, tagProps.intlLabel);
- }
- if (tagProps.type === 'subtitle') {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("h5", {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_library_css__WEBPACK_IMPORTED_MODULE_14___default.a.whiteTextInDarkMode)
- }, tagProps.intlLabel);
- }
- if (tagProps.type === 'custom') {
- onclick = () => {
- const api = {};
- api.useTag = this.handleTagClick;
- api.close = this.handleClose;
- api.select = id => {
- const items = this.state.data;
- for (const item of items) {
- if (item.extensionId === id) {
- this.handleClose();
- this.props.onItemSelected(item);
- return;
- }
- ;
- }
- };
- tagProps.func(api);
- };
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_tag_button_jsx__WEBPACK_IMPORTED_MODULE_10__["default"], _extends({
- active: false,
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_library_css__WEBPACK_IMPORTED_MODULE_14___default.a.filterBarItem, _library_css__WEBPACK_IMPORTED_MODULE_14___default.a.tagButton, tagProps.className),
- key: "tag-button-".concat(id),
- onClick: onclick
- }, tagProps));
- }
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_library_css__WEBPACK_IMPORTED_MODULE_14___default.a.tagCheckboxWrapper)
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- style: {
- width: "90%"
- }
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_tag_checkbox_jsx__WEBPACK_IMPORTED_MODULE_11__["default"], _extends({
- active: false,
- key: "tag-button-".concat(id),
- onClick: onclick
- }, tagProps))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- className: _library_css__WEBPACK_IMPORTED_MODULE_14___default.a.libraryTagCount
- }, this.state.loaded && this.state.data.filter(dataItem => arrayIncludesItemsFrom(dataItem.tags && dataItem.tags.map(String.prototype.toLowerCase.call, String.prototype.toLowerCase), [tagProps.tag])).length));
- }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_library_css__WEBPACK_IMPORTED_MODULE_14___default.a.libraryScrollGrid),
- ref: this.setFilteredDataRef
- }, this.state.loaded ? this.getFilteredData().map((dataItem, index) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_containers_library_item_jsx__WEBPACK_IMPORTED_MODULE_6__["default"], {
- bluetoothRequired: dataItem.bluetoothRequired,
- collaborator: dataItem.collaborator,
- extDeveloper: dataItem.extDeveloper,
- credits: dataItem.credits,
- twDeveloper: dataItem.twDeveloper,
- eventSubmittor: dataItem.eventSubmittor,
- extraLabels: dataItem.extraLabels,
- customInsetColor: dataItem.customInsetColor,
- description: dataItem.description,
- disabled: dataItem.disabled,
- extensionId: dataItem.extensionId,
- featured: dataItem.featured,
- hidden: dataItem.hidden,
- isNew: dataItem.tags && dataItem.tags.includes("new"),
- href: dataItem.href,
- iconMd5: dataItem.costumes ? dataItem.costumes[0].md5ext : dataItem.md5ext,
- iconRawURL: this.props.actor === "CostumeLibrary" ? "".concat(PM_LIBRARY_API, "files/").concat(dataItem.libraryFilePage) : dataItem.rawURL,
- overlayURL: dataItem.overlayURL,
- icons: dataItem.costumes,
- id: index,
- _id: dataItem._id,
- styleForSound: this.props.actor === "SoundLibrary",
- soundType: dataItem.soundType,
- soundLength: dataItem.soundLength,
- incompatibleWithScratch: dataItem.incompatibleWithScratch,
- extensionWarningOnImport: dataItem.extensionWarningOnImport,
- insetIconURL: dataItem.insetIconURL,
- internetConnectionRequired: dataItem.internetConnectionRequired,
- isPlaying: this.state.playingItem === index,
- key: typeof dataItem.name === 'string' ? dataItem.name : dataItem.rawURL,
- name: dataItem.name,
- showPlayButton: this.props.showPlayButton,
- onMouseEnter: this.handleMouseEnter,
- onMouseLeave: this.handleMouseLeave,
- onSelect: this.handleSelect,
- favoritable: this.props.actor === "ExtensionLibrary" && dataItem.extensionId,
- favorited: this.state.favorites.includes(dataItem.extensionId),
- deletable: dataItem.deletable,
- custom: dataItem.custom,
- onFavoriteUpdated: () => this.handleFavoritesUpdate(),
- _unsandboxed: dataItem._unsandboxed
- })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
- className: _library_css__WEBPACK_IMPORTED_MODULE_14___default.a.spinnerWrapper
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_spinner_spinner_jsx__WEBPACK_IMPORTED_MODULE_12__["default"], {
- large: true,
- level: "primary"
- })))));
- }
-}
-LibraryComponent.propTypes = {
- data: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.arrayOf(/* eslint-disable react/no-unused-prop-types, lines-around-comment */
- // An item in the library
- prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape({
- // @todo remove md5/rawURL prop from library, refactor to use storage
- md5: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,
- name: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.node]),
- rawURL: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string
- })
- /* eslint-enable react/no-unused-prop-types, lines-around-comment */), prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.instanceOf(Promise)]),
- filterable: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- id: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string.isRequired,
- intl: react_intl__WEBPACK_IMPORTED_MODULE_5__["intlShape"].isRequired,
- onItemMouseEnter: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onItemMouseLeave: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onItemSelected: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- onRequestClose: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- setStopHandler: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
- showPlayButton: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
- tags: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape(_containers_tag_button_jsx__WEBPACK_IMPORTED_MODULE_10__["default"].propTypes)),
- title: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string.isRequired
-};
-LibraryComponent.defaultProps = {
- filterable: true,
- showPlayButton: false
-};
-/* harmony default export */ __webpack_exports__["default"] = (Object(react_intl__WEBPACK_IMPORTED_MODULE_5__["injectIntl"])(LibraryComponent));
-
-/***/ }),
-
-/***/ "./src/components/loader/bottom-block.svg":
-/*!************************************************!*\
- !*** ./src/components/loader/bottom-block.svg ***!
- \************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgBottomBlock; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _defs, _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgBottomBlock(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 85,
- height: 35,
- xmlns: "http://www.w3.org/2000/svg",
- xmlnsXlink: "http://www.w3.org/1999/xlink"
- }, props), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M0 66.46C0 65.103 1.1 64 2.457 64H8.81c.652 0 1.277.26 1.738.721l3.474 3.48a2.456 2.456 0 001.738.72h7.792c.652 0 1.277-.26 1.738-.72l3.474-3.48A2.456 2.456 0 0130.502 64h51.862a2.459 2.459 0 012.457 2.46v24.607c0 1.359-1.1 2.46-2.457 2.46H30.502c-.652 0-1.277.26-1.738.722l-3.474 3.479a2.456 2.456 0 01-1.738.72H15.76c-.652 0-1.277-.258-1.738-.72l-3.474-3.48a2.456 2.456 0 00-1.738-.72H2.457A2.459 2.459 0 010 91.067V66.461z",
- id: "bottom-block_svg__a"
- }))), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- transform: "translate(0 -64)",
- fill: "none",
- fillRule: "evenodd"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", {
- fillOpacity: 0.2,
- fill: "#FFF",
- xlinkHref: "#bottom-block_svg__a"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- strokeOpacity: 0.1,
- stroke: "#FFF",
- d: "M.5 66.46v24.607c0 1.083.876 1.96 1.957 1.96H8.81c.785 0 1.537.313 2.092.868l3.474 3.48c.367.367.865.574 1.384.574h7.792c.52 0 1.017-.207 1.384-.574l3.474-3.48a2.956 2.956 0 012.092-.867h51.862c1.08 0 1.957-.878 1.957-1.961V66.461c0-1.083-.876-1.961-1.957-1.961H30.502c-.52 0-1.017.207-1.384.574l-3.474 3.48a2.956 2.956 0 01-2.092.867H15.76a2.956 2.956 0 01-2.092-.868l-3.474-3.479A1.956 1.956 0 008.81 64.5H2.457C1.377 64.5.5 65.378.5 66.46z"
- }))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/ce5820b006d753e4133f46ae776f4d96.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/loader/loader.css":
-/*!******************************************!*\
- !*** ./src/components/loader/loader.css ***!
- \******************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./loader.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/loader/loader.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/loader/loader.jsx":
-/*!******************************************!*\
- !*** ./src/components/loader/loader.jsx ***!
- \******************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/index.es.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _loader_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./loader.css */ "./src/components/loader/loader.css");
-/* harmony import */ var _loader_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_loader_css__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var lodash_bindall__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash.bindall */ "./node_modules/lodash.bindall/index.js");
-/* harmony import */ var lodash_bindall__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_bindall__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _top_block_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./top-block.svg */ "./src/components/loader/top-block.svg");
-/* harmony import */ var _middle_block_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./middle-block.svg */ "./src/components/loader/middle-block.svg");
-/* harmony import */ var _bottom_block_svg__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./bottom-block.svg */ "./src/components/loader/bottom-block.svg");
-/* harmony import */ var _tw_progress_monitor__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./tw-progress-monitor */ "./src/components/loader/tw-progress-monitor.js");
-/* harmony import */ var _lib_isScratchDesktop__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../lib/isScratchDesktop */ "./src/lib/isScratchDesktop.js");
-
-
-
-
-
-
-
-
-
-
-
-
-// tw:
-// we make some rather large changes here:
-// - remove random message, replaced with message dependent on what is actually being loaded
-// - add a progress bar
-// - bring in intl so that we can translate everything
-// The way of doing this is extremely unusual and weird compared to how things are typically done for performance.
-// This is because react updates are too performance crippling to handle the progress bar rapidly updating.
-
-const mainMessages = {
- 'gui.loader.headline': /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__["FormattedMessage"], {
- defaultMessage: "Loading Project",
- id: "gui.loader.headline"
- }),
- 'gui.loader.creating': /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__["FormattedMessage"], {
- defaultMessage: "Creating Project",
- id: "gui.loader.creating"
- }),
- 'gui.loader.playground': /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__["FormattedMessage"], {
- defaultMessage: "Loading Playground",
- id: "gui.loader.playground"
- })
-};
-const messages = Object(react_intl__WEBPACK_IMPORTED_MODULE_1__["defineMessages"])({
- generic: {
- "id": "tw.loader.generic",
- "defaultMessage": "Loading project \u2026"
- },
- projectData: {
- "id": "tw.loader.data",
- "defaultMessage": "Downloading project data \u2026"
- },
- assetsKnown: {
- "id": "tw.loader.assets.known",
- "defaultMessage": "Downloading assets ({complete}/{total}) \u2026"
- },
- assetsUnknown: {
- "id": "tw.loader.assets.unknown",
- "defaultMessage": "Downloading assets \u2026"
- }
-});
-class LoaderComponent extends react__WEBPACK_IMPORTED_MODULE_0___default.a.Component {
- constructor(props) {
- super(props);
- this._state = 0;
- this.progress = 0;
- this.complete = 0;
- this.total = 0;
- lodash_bindall__WEBPACK_IMPORTED_MODULE_5___default()(this, ['barInnerRef', 'handleProgressChange', 'messageRef']);
- }
- componentDidMount() {
- if (!Object(_lib_isScratchDesktop__WEBPACK_IMPORTED_MODULE_10__["default"])()) {
- _tw_progress_monitor__WEBPACK_IMPORTED_MODULE_9__["setProgressHandler"](this.handleProgressChange);
- }
- this.updateMessage();
- }
- componentDidUpdate() {
- this.update();
- }
- componentWillUnmount() {
- // force completion
- this.progress = 1;
- this.update();
- _tw_progress_monitor__WEBPACK_IMPORTED_MODULE_9__["setProgressHandler"](() => {});
- }
- handleProgressChange(state, progress, complete, total) {
- if (state !== this._state) {
- this._state = state;
- this.updateMessage();
- }
- this.progress = progress;
- this.complete = complete;
- this.total = total;
- this.update();
- }
- update() {
- if (this.barInner) {
- this.barInner.style.width = "".concat(this.progress * 100, "%");
- }
- if (this._state === 2) {
- this.updateMessage();
- }
- }
- updateMessage() {
- if (this._state === 0) {
- this.message.textContent = this.props.intl.formatMessage(messages.generic);
- } else if (this._state === 1) {
- this.message.textContent = this.props.intl.formatMessage(messages.projectData);
- } else if (this.total > 0) {
- this.message.textContent = this.props.intl.formatMessage(messages.assetsKnown, {
- complete: this.complete,
- total: this.total
- });
- } else {
- this.message.textContent = this.props.intl.formatMessage(messages.assetsUnknown);
- }
- }
- barInnerRef(element) {
- this.barInner = element;
- }
- messageRef(element) {
- this.message = element;
- }
- render() {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_loader_css__WEBPACK_IMPORTED_MODULE_3___default.a.background, {
- [_loader_css__WEBPACK_IMPORTED_MODULE_3___default.a.fullscreen]: this.props.isFullScreen
- })
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
- className: _loader_css__WEBPACK_IMPORTED_MODULE_3___default.a.container
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
- className: _loader_css__WEBPACK_IMPORTED_MODULE_3___default.a.blockAnimation
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("img", {
- className: _loader_css__WEBPACK_IMPORTED_MODULE_3___default.a.topBlock,
- src: _top_block_svg__WEBPACK_IMPORTED_MODULE_6__["default"]
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("img", {
- className: _loader_css__WEBPACK_IMPORTED_MODULE_3___default.a.middleBlock,
- src: _middle_block_svg__WEBPACK_IMPORTED_MODULE_7__["default"]
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("img", {
- className: _loader_css__WEBPACK_IMPORTED_MODULE_3___default.a.bottomBlock,
- src: _bottom_block_svg__WEBPACK_IMPORTED_MODULE_8__["default"]
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
- className: _loader_css__WEBPACK_IMPORTED_MODULE_3___default.a.title
- }, mainMessages[this.props.messageId]), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
- className: _loader_css__WEBPACK_IMPORTED_MODULE_3___default.a.messageContainerOuter
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
- className: _loader_css__WEBPACK_IMPORTED_MODULE_3___default.a.messageContainerInner,
- ref: this.messageRef
- })), !Object(_lib_isScratchDesktop__WEBPACK_IMPORTED_MODULE_10__["default"])() && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
- className: _loader_css__WEBPACK_IMPORTED_MODULE_3___default.a.twProgressOuter
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
- className: _loader_css__WEBPACK_IMPORTED_MODULE_3___default.a.twProgressInner,
- ref: this.barInnerRef
- }))));
- }
-}
-LoaderComponent.propTypes = {
- isFullScreen: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,
- intl: react_intl__WEBPACK_IMPORTED_MODULE_1__["intlShape"].isRequired,
- messageId: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string
-};
-LoaderComponent.defaultProps = {
- isFullScreen: false,
- messageId: 'gui.loader.headline'
-};
-/* harmony default export */ __webpack_exports__["default"] = (Object(react_intl__WEBPACK_IMPORTED_MODULE_1__["injectIntl"])(LoaderComponent));
-
-/***/ }),
-
-/***/ "./src/components/loader/middle-block.svg":
-/*!************************************************!*\
- !*** ./src/components/loader/middle-block.svg ***!
- \************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgMiddleBlock; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _defs, _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgMiddleBlock(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 68,
- height: 35,
- xmlns: "http://www.w3.org/2000/svg",
- xmlnsXlink: "http://www.w3.org/1999/xlink"
- }, props), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M0 34.46C0 33.103 1.1 32 2.457 32H8.81c.652 0 1.277.26 1.738.721l3.474 3.48a2.456 2.456 0 001.738.72h7.792c.652 0 1.277-.26 1.738-.72l3.474-3.48A2.456 2.456 0 0130.502 32h34.862a2.459 2.459 0 012.457 2.46v24.607c0 1.359-1.1 2.46-2.457 2.46H30.502c-.652 0-1.277.26-1.738.722l-3.474 3.479a2.456 2.456 0 01-1.738.72H15.76c-.652 0-1.277-.258-1.738-.72l-3.474-3.48a2.456 2.456 0 00-1.738-.72H2.457A2.459 2.459 0 010 59.067V34.461z",
- id: "middle-block_svg__a"
- }))), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- transform: "translate(0 -32)",
- fill: "none",
- fillRule: "evenodd"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", {
- fillOpacity: 0.2,
- fill: "#FFF",
- xlinkHref: "#middle-block_svg__a"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- strokeOpacity: 0.1,
- stroke: "#FFF",
- d: "M.5 34.46v24.607c0 1.083.876 1.96 1.957 1.96H8.81c.785 0 1.537.313 2.092.868l3.474 3.48c.367.367.865.574 1.384.574h7.792c.52 0 1.017-.207 1.384-.574l3.474-3.48a2.956 2.956 0 012.092-.867h34.862c1.08 0 1.957-.878 1.957-1.961V34.461c0-1.083-.876-1.961-1.957-1.961H30.502c-.52 0-1.017.207-1.384.574l-3.474 3.48a2.956 2.956 0 01-2.092.867H15.76a2.956 2.956 0 01-2.092-.868l-3.474-3.479A1.956 1.956 0 008.81 32.5H2.457C1.377 32.5.5 33.378.5 34.46z"
- }))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/f9dce53613d5f85b311ce9f84423c08b.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/loader/top-block.svg":
-/*!*********************************************!*\
- !*** ./src/components/loader/top-block.svg ***!
- \*********************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgTopBlock; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _defs, _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgTopBlock(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 96,
- height: 35,
- xmlns: "http://www.w3.org/2000/svg",
- xmlnsXlink: "http://www.w3.org/1999/xlink"
- }, props), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M0 2.46C0 1.103 1.1 0 2.457 0H8.81c.652 0 1.277.26 1.738.721l3.474 3.48a2.456 2.456 0 001.738.72h7.792c.652 0 1.277-.26 1.738-.72L28.764.72A2.456 2.456 0 0130.502 0h62.862a2.459 2.459 0 012.457 2.46v24.607c0 1.359-1.1 2.46-2.457 2.46H30.502c-.652 0-1.277.26-1.738.722l-3.474 3.479a2.456 2.456 0 01-1.738.72H15.76c-.652 0-1.277-.258-1.738-.72l-3.474-3.48a2.456 2.456 0 00-1.738-.72H2.457A2.459 2.459 0 010 27.067V2.461z",
- id: "top-block_svg__a"
- }))), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("g", {
- fill: "none",
- fillRule: "evenodd"
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", {
- fillOpacity: 0.2,
- fill: "#FFF",
- xlinkHref: "#top-block_svg__a"
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- strokeOpacity: 0.1,
- stroke: "#FFF",
- d: "M.5 2.46v24.607c0 1.083.876 1.96 1.957 1.96H8.81c.785 0 1.537.313 2.092.868l3.474 3.48c.367.367.865.574 1.384.574h7.792c.52 0 1.017-.207 1.384-.574l3.474-3.48a2.956 2.956 0 012.092-.867h62.862c1.08 0 1.957-.878 1.957-1.961V2.461c0-1.083-.876-1.961-1.957-1.961H30.502c-.52 0-1.017.207-1.384.574l-3.474 3.48a2.956 2.956 0 01-2.092.867H15.76a2.956 2.956 0 01-2.092-.868l-3.474-3.479A1.956 1.956 0 008.81.5H2.457C1.377.5.5 1.378.5 2.46z"
- }))));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/bbbd98ae6a34eac772e34a57aaa5f977.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/loader/tw-progress-monitor.js":
-/*!******************************************************!*\
- !*** ./src/components/loader/tw-progress-monitor.js ***!
- \******************************************************/
-/*! exports provided: setProgressHandler, fetchWithProgress */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "setProgressHandler", function() { return setProgressHandler; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "fetchWithProgress", function() { return fetchWithProgress; });
-// This file implements some extremely terrible tricks to monitor project loading progress.
-// Please don't use this as a reference for "good JS code"
-
-let total = 0;
-let complete = 0;
-
-// 0 - none
-// 1 - load json
-// 2 - load assets
-let state = 0;
-let currentProgress = 0;
-let progressHandler = (state, progress, complete, total) => {};
-const setProgressHandler = newHandler => {
- progressHandler = newHandler;
- progressHandler(state, currentProgress, complete, total);
-};
-let progressHandlerTimeout = null;
-const fireProgressHandler = () => {
- progressHandler(state, currentProgress, complete, total);
- progressHandlerTimeout = null;
-};
-const queueProgressHandlerUpdate = () => {
- if (progressHandlerTimeout === null) {
- progressHandlerTimeout = requestAnimationFrame(fireProgressHandler);
- }
-};
-const setProgress = progress => {
- if (progress < 0) {
- progress = 0;
- }
- if (progress > 1) {
- progress = 1;
- }
- currentProgress = progress;
- queueProgressHandlerUpdate();
-};
-const setState = newState => {
- if (state === newState) {
- return;
- }
- state = newState;
- complete = 0;
- total = 0;
- setProgress(0);
-};
-const fetchWithProgress = url => {
- setState(1);
- return new Promise((resolve, reject) => {
- // fetch() does not support progress, so we use XMLHttpRequest
- const xhr = new XMLHttpRequest();
- xhr.responseType = 'blob';
- xhr.onload = () => {
- resolve(new Response(xhr.response, {
- status: xhr.status,
- statusText: xhr.statusText
- }));
- };
- xhr.onloadend = () => setProgress(1);
- xhr.onerror = () => reject(new Error('[tw-progress-monitor] xhr failed with status' + xhr.status));
- xhr.onprogress = e => {
- if (e.lengthComputable) {
- setProgress(e.loaded / e.total);
- }
- };
- xhr.open('GET', url);
- xhr.send();
- });
-};
-
-// Scratch uses fetch() to download the project JSON, so we override it to monitor when the project is being downloaded.
-const originalFetch = window.fetch;
-window.fetch = (url, opts) => {
- const isGET = typeof opts === 'object' && opts && opts.method === 'GET';
- const isProjectURL = typeof url === 'string' && /^https:\/\/projects\.scratch\.mit\.edu\/\d+$/.test(url);
- if (isGET && isProjectURL) {
- return fetchWithProgress(url);
- }
- return originalFetch(url, opts);
-};
-const handleWorkerMessage = e => {
- const data = e.data;
- if (Array.isArray(data)) {
- complete += data.length;
- setProgress(complete / total);
- }
-};
-if (window.Worker) {
- let downloadWorker = null;
- const originalPostMessage = window.Worker.prototype.postMessage;
- window.Worker.prototype.postMessage = function (message) {
- if (downloadWorker === null) {
- if (message && message.url && message.id && message.options) {
- downloadWorker = this;
- downloadWorker.addEventListener('message', handleWorkerMessage);
- }
- }
- if (downloadWorker === this) {
- setState(2);
- total++;
- }
- originalPostMessage.call(this, message);
- };
-}
-
-/***/ }),
-
-/***/ "./src/components/loupe/loupe.css":
-/*!****************************************!*\
- !*** ./src/components/loupe/loupe.css ***!
- \****************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./loupe.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/loupe/loupe.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/loupe/loupe.jsx":
-/*!****************************************!*\
- !*** ./src/components/loupe/loupe.jsx ***!
- \****************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var lodash_bindall__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash.bindall */ "./node_modules/lodash.bindall/index.js");
-/* harmony import */ var lodash_bindall__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_bindall__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _box_box_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../box/box.jsx */ "./src/components/box/box.jsx");
-/* harmony import */ var _loupe_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./loupe.css */ "./src/components/loupe/loupe.css");
-/* harmony import */ var _loupe_css__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_loupe_css__WEBPACK_IMPORTED_MODULE_4__);
-const _excluded = ["colorInfo"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-
-
-
-
-
-const zoomScale = 3;
-class LoupeComponent extends react__WEBPACK_IMPORTED_MODULE_1___default.a.Component {
- constructor(props) {
- super(props);
- lodash_bindall__WEBPACK_IMPORTED_MODULE_2___default()(this, ['setCanvas']);
- }
- componentDidUpdate() {
- this.draw();
- }
- draw() {
- const boxSize = 6 / zoomScale;
- const boxLineWidth = 1 / zoomScale;
- const colorRingWidth = 15 / zoomScale;
- const ctx = this.canvas.getContext('2d');
- const {
- color,
- data,
- width,
- height
- } = this.props.colorInfo;
- this.canvas.width = zoomScale * width;
- this.canvas.height = zoomScale * height;
-
- // In order to scale the image data, must draw to a tmp canvas first
- const tmpCanvas = document.createElement('canvas');
- tmpCanvas.width = width;
- tmpCanvas.height = height;
- const tmpCtx = tmpCanvas.getContext('2d');
- const imageData = tmpCtx.createImageData(width, height);
- imageData.data.set(data);
- tmpCtx.putImageData(imageData, 0, 0);
-
- // Scale the loupe canvas and draw the zoomed image
- ctx.save();
- ctx.scale(zoomScale, zoomScale);
- ctx.drawImage(tmpCanvas, 0, 0, width, height);
-
- // Draw an outlined square at the cursor position (cursor is hidden)
- ctx.lineWidth = boxLineWidth;
- ctx.strokeStyle = 'black';
- ctx.fillStyle = "rgba(".concat(color.r, ", ").concat(color.g, ", ").concat(color.b, ", ").concat(color.a, ")");
- ctx.beginPath();
- ctx.rect(width / 2 - boxSize / 2, height / 2 - boxSize / 2, boxSize, boxSize);
- ctx.fill();
- ctx.stroke();
-
- // Draw a thick ring around the loupe showing the current color
- ctx.strokeStyle = "rgba(".concat(color.r, ", ").concat(color.g, ", ").concat(color.b, ", ").concat(color.a, ")");
- ctx.lineWidth = colorRingWidth;
- ctx.beginPath();
- ctx.moveTo(width, height / 2);
- ctx.arc(width / 2, height / 2, width / 2, 0, 2 * Math.PI);
- ctx.stroke();
- ctx.restore();
- }
- setCanvas(element) {
- this.canvas = element;
- }
- render() {
- const _this$props = this.props,
- {
- colorInfo
- } = _this$props,
- boxProps = _objectWithoutProperties(_this$props, _excluded);
- const x = colorInfo.x - zoomScale * colorInfo.width / 2;
- const y = colorInfo.y - zoomScale * colorInfo.height / 2;
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_box_box_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], _extends({}, boxProps, {
- className: _loupe_css__WEBPACK_IMPORTED_MODULE_4___default.a.colorPicker,
- componentRef: this.setCanvas,
- element: "canvas",
- height: colorInfo.height,
- style: {
- transform: "translate(".concat(x, "px, ").concat(y, "px)"),
- width: colorInfo.width * zoomScale,
- height: colorInfo.height * zoomScale
- },
- width: colorInfo.width
- }));
- }
-}
-LoupeComponent.propTypes = {
- colorInfo: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.shape({
- color: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.shape({
- r: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number,
- g: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number,
- b: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number,
- a: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number
- }),
- data: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.instanceOf(Uint8Array),
- width: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number,
- height: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number,
- x: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number,
- y: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.number
- })
-};
-/* harmony default export */ __webpack_exports__["default"] = (LoupeComponent);
-
-/***/ }),
-
-/***/ "./src/components/menu-bar/author-info.css":
-/*!*************************************************!*\
- !*** ./src/components/menu-bar/author-info.css ***!
- \*************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./author-info.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/menu-bar/author-info.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/menu-bar/author-info.jsx":
-/*!*************************************************!*\
- !*** ./src/components/menu-bar/author-info.jsx ***!
- \*************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/index.es.js");
-/* harmony import */ var _user_avatar_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./user-avatar.jsx */ "./src/components/menu-bar/user-avatar.jsx");
-/* harmony import */ var _author_info_css__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./author-info.css */ "./src/components/menu-bar/author-info.css");
-/* harmony import */ var _author_info_css__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_author_info_css__WEBPACK_IMPORTED_MODULE_5__);
-const _excluded = ["projectId"];
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-
-
-
-
-
-
-const ActualAuthorInfo = _ref => {
- let {
- className,
- imageUrl,
- projectTitle,
- // TODO: use userId to link to user's profile
- userId,
- // eslint-disable-line no-unused-vars
- username
- } = _ref;
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(className, _author_info_css__WEBPACK_IMPORTED_MODULE_5___default.a.authorInfo)
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_user_avatar_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: _author_info_css__WEBPACK_IMPORTED_MODULE_5___default.a.avatar,
- imageUrl: imageUrl,
- username: username
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _author_info_css__WEBPACK_IMPORTED_MODULE_5___default.a.titleAuthor
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("h1", {
- className: _author_info_css__WEBPACK_IMPORTED_MODULE_5___default.a.projectTitle
- }, projectTitle), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", {
- className: _author_info_css__WEBPACK_IMPORTED_MODULE_5___default.a.usernameLine
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("a", {
- style: {
- color: "white"
- },
- target: "_blank",
- href: "https://penguinmod.com/profile?user=" + username
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_3__["FormattedMessage"], {
- defaultMessage: "by {username}",
- id: "gui.authorInfo.byUser",
- values: {
- username: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", {
- className: _author_info_css__WEBPACK_IMPORTED_MODULE_5___default.a.username
- }, username)
- }
- }))))));
-};
-ActualAuthorInfo.propTypes = {
- className: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,
- imageUrl: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,
- projectTitle: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,
- userId: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool]),
- username: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool])
-};
-const AuthorInfo = _ref2 => {
- let {
- projectId
- } = _ref2,
- props = _objectWithoutProperties(_ref2, _excluded);
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(ActualAuthorInfo, props);
-};
-AuthorInfo.propTypes = {
- projectId: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string
-};
-/* harmony default export */ __webpack_exports__["default"] = (AuthorInfo);
-
-/***/ }),
-
-/***/ "./src/components/menu-bar/community-button.css":
-/*!******************************************************!*\
- !*** ./src/components/menu-bar/community-button.css ***!
- \******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./community-button.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/menu-bar/community-button.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/menu-bar/community-button.jsx":
-/*!******************************************************!*\
- !*** ./src/components/menu-bar/community-button.jsx ***!
- \******************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/index.es.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _button_button_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../button/button.jsx */ "./src/components/button/button.jsx");
-/* harmony import */ var _icon_see_community_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./icon--see-community.svg */ "./src/components/menu-bar/icon--see-community.svg");
-/* harmony import */ var _community_button_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./community-button.css */ "./src/components/menu-bar/community-button.css");
-/* harmony import */ var _community_button_css__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_community_button_css__WEBPACK_IMPORTED_MODULE_6__);
-
-
-
-
-
-
-
-const CommunityButton = _ref => {
- let {
- className,
- onClick
- } = _ref;
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_button_button_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(className, _community_button_css__WEBPACK_IMPORTED_MODULE_6___default.a.communityButton),
- iconClassName: _community_button_css__WEBPACK_IMPORTED_MODULE_6___default.a.communityButtonIcon,
- iconSrc: _icon_see_community_svg__WEBPACK_IMPORTED_MODULE_5__["default"],
- onClick: onClick
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__["FormattedMessage"], {
- defaultMessage: "See Project Page",
- id: "gui.menuBar.seeProjectPage"
- }));
-};
-CommunityButton.propTypes = {
- className: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,
- onClick: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func
-};
-CommunityButton.defaultProps = {
- onClick: () => {}
-};
-/* harmony default export */ __webpack_exports__["default"] = (CommunityButton);
-
-/***/ }),
-
-/***/ "./src/components/menu-bar/dropdown-caret.svg":
-/*!****************************************************!*\
- !*** ./src/components/menu-bar/dropdown-caret.svg ***!
- \****************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgDropdownCaret; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgDropdownCaret(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 8,
- height: 5,
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M4 5c-.275 0-.548-.103-.759-.31L.315 1.807a1.047 1.047 0 010-1.497c.418-.413 6.952-.413 7.37 0 .42.413.42 1.083 0 1.497L4.76 4.69C4.55 4.897 4.276 5 4 5",
- fill: "#FFF",
- fillRule: "evenodd"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/664d94e5cb8676c780c74c695f2e972c.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/menu-bar/favicon.png":
-/*!*********************************************!*\
- !*** ./src/components/menu-bar/favicon.png ***!
- \*********************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__.p + "static/assets/500c8018b36d12bcde6ef92e20e5ed5d.png";
-
-/***/ }),
-
-/***/ "./src/components/menu-bar/google-drive-save.css":
-/*!*******************************************************!*\
- !*** ./src/components/menu-bar/google-drive-save.css ***!
- \*******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./google-drive-save.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/menu-bar/google-drive-save.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/menu-bar/google-drive-save.jsx":
-/*!*******************************************************!*\
- !*** ./src/components/menu-bar/google-drive-save.jsx ***!
- \*******************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-redux */ "./node_modules/react-redux/es/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/index.es.js");
-/* harmony import */ var _button_button_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../button/button.jsx */ "./src/components/button/button.jsx");
-/* harmony import */ var _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./google-drive-save.css */ "./src/components/menu-bar/google-drive-save.css");
-/* harmony import */ var _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_google_drive_save_css__WEBPACK_IMPORTED_MODULE_6__);
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-
-
-
-
-
-
-
-
-class GoogleDriveSave extends react__WEBPACK_IMPORTED_MODULE_1___default.a.Component {
- constructor(props) {
- super(props);
- _defineProperty(this, "handleClick", () => {
- this.setState({
- isModalOpen: true
- });
- });
- _defineProperty(this, "handleCloseModal", () => {
- if (!this.state.isProcessing) {
- this.setState({
- isModalOpen: false,
- showNewFileInput: false,
- isShareModalOpen: false
- });
- }
- });
- _defineProperty(this, "handleOverlayClick", e => {
- if (!this.state.isProcessing && this.modalContentRef.current && !this.modalContentRef.current.contains(e.target)) {
- this.handleCloseModal();
- }
- });
- _defineProperty(this, "startGoogleLogin", () => {
- if (this.state.isProcessing) return;
- localStorage.removeItem('googleDriveAccessToken');
- localStorage.removeItem('googleDriveAccountEmail');
- localStorage.removeItem('googleDriveAccountName');
- const CLIENT_ID = "169451419993-v1b3s315s8dkui950j2nm15hetr5i0qk.apps.googleusercontent.com";
- const REDIRECT_URI = "https://s-4-s-auth.hf.space/close2";
- const SCOPES = "https://www.googleapis.com/auth/drive.file";
- const messageListener = event => {
- if (event.data.token) {
- window.removeEventListener("message", messageListener);
- this.setState({
- accessToken: event.data.token,
- currentAccountEmail: event.data.email || null,
- currentAccountName: event.data.name || null,
- isModalOpen: true
- });
- localStorage.setItem('googleDriveAccessToken', event.data.token);
- if (event.data.email) localStorage.setItem('googleDriveAccountEmail', event.data.email);
- if (event.data.name) localStorage.setItem('googleDriveAccountName', event.data.name);
- this.fetchDriveFiles(event.data.token);
- }
- };
- window.addEventListener("message", messageListener);
- const authUrl = "https://accounts.google.com/o/oauth2/auth?" + "client_id=".concat(CLIENT_ID) + "&redirect_uri=".concat(encodeURIComponent(REDIRECT_URI)) + "&response_type=token" + "&scope=".concat(encodeURIComponent(SCOPES));
- window.open(authUrl, "_blank", "width=500,height=600");
- });
- _defineProperty(this, "fetchDriveFiles", async accessToken => {
- this.setState({
- isLoading: true
- });
- try {
- const response = await fetch("https://www.googleapis.com/drive/v3/files?q=(mimeType='application/x-scratch' or mimeType='image/png')", {
- headers: {
- Authorization: "Bearer ".concat(accessToken)
- }
- });
- if (!response.ok) {
- throw new Error(await response.text());
- }
- const data = await response.json();
- this.setState({
- files: data.files || [],
- isLoading: false
- });
- } catch (error) {
- console.error("ファイル一覧取得エラー:", error);
- this.showAlert("error", "ファイル一覧の取得に失敗しました");
- this.setState({
- isLoading: false
- });
- }
- });
- _defineProperty(this, "showAlert", (type, message) => {
- if (this.props.showAlert) {
- this.props.showAlert(type, message);
- } else {
- alert("".concat(type, ": ").concat(message));
- }
- });
- // 共有モーダルを開く
- _defineProperty(this, "openShareModal", fileId => {
- this.setState({
- isShareModalOpen: true,
- currentSharingFileId: fileId,
- emailPermissions: [{
- email: '',
- role: 'reader'
- }],
- linkPermission: 'reader',
- groupPermission: 'reader'
- });
- });
- // 共有モーダルを閉じる
- _defineProperty(this, "closeShareModal", () => {
- if (!this.state.isProcessing) {
- this.setState({
- isShareModalOpen: false
- });
- }
- });
- // オーバーレイクリックで共有モーダルを閉じる
- _defineProperty(this, "handleShareOverlayClick", e => {
- if (!this.state.isProcessing && this.shareModalContentRef.current && !this.shareModalContentRef.current.contains(e.target)) {
- this.closeShareModal();
- }
- });
- // メール権限入力欄を追加
- _defineProperty(this, "addEmailPermission", () => {
- this.setState(prevState => ({
- emailPermissions: [...prevState.emailPermissions, {
- email: '',
- role: 'reader'
- }]
- }));
- });
- // メール権限入力欄を更新
- _defineProperty(this, "updateEmailPermission", (index, field, value) => {
- this.setState(prevState => ({
- emailPermissions: prevState.emailPermissions.map((item, i) => i === index ? _objectSpread(_objectSpread({}, item), {}, {
- [field]: value
- }) : item)
- }));
- });
- // メール権限入力欄を削除
- _defineProperty(this, "removeEmailPermission", index => {
- this.setState(prevState => ({
- emailPermissions: prevState.emailPermissions.filter((_, i) => i !== index)
- }));
- });
- // 権限設定を適用
- _defineProperty(this, "applyPermissions", async () => {
- this.setState({
- isProcessing: true
- });
- try {
- const {
- currentSharingFileId,
- accessToken,
- emailPermissions,
- linkPermission
- } = this.state;
-
- // メールごとの権限設定
- for (const permission of emailPermissions) {
- if (permission.email.trim()) {
- await this.setFilePermission(currentSharingFileId, accessToken, permission.email.trim(), permission.role);
- }
- }
-
- // リンクを知っている全員への権限設定
- await fetch("https://www.googleapis.com/drive/v3/files/".concat(currentSharingFileId, "/permissions"), {
- method: "POST",
- headers: {
- "Authorization": "Bearer ".concat(accessToken),
- "Content-Type": "application/json"
- },
- body: JSON.stringify({
- type: "anyone",
- role: linkPermission
- })
- });
- this.showAlert("success", "共有設定を適用しました");
- this.closeShareModal();
- } catch (error) {
- console.error("権限設定エラー:", error);
- this.showAlert("error", "共有設定の適用に失敗しました");
- } finally {
- this.setState({
- isProcessing: false
- });
- }
- });
- _defineProperty(this, "handleChangeAccount", () => {
- if (this.state.isProcessing) return;
- this.setState({
- accessToken: null,
- currentAccountEmail: null,
- currentAccountName: null,
- files: []
- });
- localStorage.removeItem('googleDriveAccessToken');
- localStorage.removeItem('googleDriveAccountEmail');
- localStorage.removeItem('googleDriveAccountName');
- });
- _defineProperty(this, "handleNewFileSave", async () => {
- this.setState({
- isProcessing: true
- });
- try {
- await this.saveToGoogleDrive(null, "".concat(this.state.newFileName, ".s4s.txt"), this.state.sharePermission);
- this.showAlert("success", "新規保存しました");
- this.setState({
- showNewFileInput: false
- });
- this.fetchDriveFiles(this.state.accessToken);
- } catch (error) {
- console.error("新規保存エラー:", error);
- this.showAlert("error", "新規保存に失敗しました");
- } finally {
- this.setState({
- isProcessing: false
- });
- }
- });
- _defineProperty(this, "handleLoadFile", project => {
- if (this.state.isProcessing) return;
- const PROXY_URL = "https://drive-proxy-s4s.vercel.app/?file_id=";
- if (confirm("\"".concat(project.name, "\"\u3092\u8AAD\u307F\u8FBC\u307F\u307E\u3059\u304B\uFF1F\u73FE\u5728\u306E\u30D7\u30ED\u30B8\u30A7\u30AF\u30C8\u306F\u5931\u308F\u308C\u307E\u3059\u3002"))) {
- const url = "".concat(PROXY_URL).concat(project.id);
- window.location.href = "?project_url=".concat(encodeURIComponent(url));
- }
- });
- _defineProperty(this, "handleReplaceFile", async project => {
- if (this.state.isProcessing) return;
- if (confirm("\"".concat(project.name, "\"\u3092\u73FE\u5728\u306E\u30D7\u30ED\u30B8\u30A7\u30AF\u30C8\u3067\u4E0A\u66F8\u304D\u3057\u307E\u3059\u304B\uFF1F"))) {
- this.setState({
- isProcessing: true
- });
- try {
- await this.saveToGoogleDrive(project.id, project.name);
- this.showAlert("success", "上書き保存しました");
- this.fetchDriveFiles(this.state.accessToken);
- } catch (error) {
- console.error("ファイル上書きエラー:", error);
- this.showAlert("error", "ファイルの上書きに失敗しました");
- } finally {
- this.setState({
- isProcessing: false
- });
- }
- }
- });
- _defineProperty(this, "handleShareFile", async fileId => {
- if (this.state.isProcessing) return;
- this.setState({
- isProcessing: true
- });
- try {
- // ファイルを公開設定(anyoneに閲覧権限を付与)
- await fetch("https://www.googleapis.com/drive/v3/files/".concat(fileId, "/permissions"), {
- method: "POST",
- headers: {
- "Authorization": "Bearer ".concat(this.state.accessToken),
- "Content-Type": "application/json"
- },
- body: JSON.stringify({
- type: "anyone",
- role: "reader"
- })
- });
- const SHARE_URL = "https://scratch-school.ct.ws/upload?id=";
- const shortUrl = "".concat(SHARE_URL).concat(fileId);
-
- // 短縮URLをクリップボードにコピー
- navigator.clipboard.writeText(shortUrl).then(() => {
- this.showAlert("success", "公開リンクをクリップボードにコピーしました");
- // 新しいタブで公開ページを開く
- window.open(shortUrl, "_blank");
- }).catch(() => {
- this.showAlert("error", "リンクのコピーに失敗しました");
- });
- } catch (error) {
- console.error("公開エラー:", error);
- this.showAlert("error", "ファイルの公開に失敗しました");
- } finally {
- this.setState({
- isProcessing: false
- });
- }
- });
- _defineProperty(this, "handleDeleteFile", async (project, thumbnailFiles) => {
- if (this.state.isProcessing) return;
- if (confirm("\"".concat(project.name, "\"\u3068\u305D\u306E\u30B5\u30E0\u30CD\u30A4\u30EB\u3092\u5B8C\u5168\u306B\u524A\u9664\u3057\u307E\u3059\u304B\uFF1F\u3053\u306E\u64CD\u4F5C\u306F\u5143\u306B\u623B\u305B\u307E\u305B\u3093\u3002"))) {
- this.setState({
- isProcessing: true
- });
- try {
- await this.deleteFile(project.id);
- const thumbnailToDelete = thumbnailFiles.find(thumb => thumb.name === "Scratch-Thumbnail-".concat(project.id, ".png"));
- if (thumbnailToDelete) {
- await this.deleteFile(thumbnailToDelete.id);
- }
- this.showAlert("success", "ファイルを削除しました");
- this.fetchDriveFiles(this.state.accessToken);
- } catch (error) {
- console.error("削除エラー:", error);
- this.showAlert("error", "ファイルの削除に失敗しました");
- } finally {
- this.setState({
- isProcessing: false
- });
- }
- }
- });
- _defineProperty(this, "copyToClipboard", text => {
- if (this.state.isProcessing) return;
- navigator.clipboard.writeText(text).then(() => this.showAlert("success", "リンクをクリップボードにコピーしました")).catch(() => this.showAlert("error", "リンクのコピーに失敗しました"));
- });
- this.state = {
- accessToken: localStorage.getItem('googleDriveAccessToken') || null,
- currentAccountEmail: localStorage.getItem('googleDriveAccountEmail') || null,
- currentAccountName: localStorage.getItem('googleDriveAccountName') || null,
- files: [],
- isModalOpen: false,
- isLoading: false,
- isProcessing: false,
- newFileName: props.projectTitle || '無題',
- showNewFileInput: false,
- sharePermission: 'reader',
- selectedFileId: null,
- // 共有モーダル用の状態
- isShareModalOpen: false,
- currentSharingFileId: null,
- emailPermissions: [{
- email: '',
- role: 'reader'
- }],
- linkPermission: 'reader',
- groupPermission: 'reader'
- };
- this.modalContentRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createRef();
- this.shareModalContentRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createRef();
- }
- componentDidMount() {
- // アクセストークンがある場合はファイル一覧を取得
- if (this.state.accessToken) {
- this.fetchDriveFiles(this.state.accessToken);
- }
- }
- renderModal() {
- if (!this.state.isModalOpen) return null;
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.modalOverlay,
- onClick: this.handleOverlayClick
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.modalContent,
- ref: this.modalContentRef
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.modalHeader
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("h2", null, "Google\u30C9\u30E9\u30A4\u30D6\u306B\u4FDD\u5B58"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- onClick: this.handleCloseModal,
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.closeButton,
- disabled: this.state.isProcessing
- }, "\xD7")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.modalBody
- }, this.renderAuthSection(), this.state.accessToken && this.renderNewFileSection(), this.state.accessToken && this.renderFileList()), this.state.isProcessing && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.processingOverlay
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.spinner
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", null, "\u51E6\u7406\u4E2D..."))));
- }
- renderAuthSection() {
- if (this.state.accessToken) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.authSection
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.accountInfo
- }, "\u30ED\u30B0\u30A4\u30F3\u4E2D: ", this.state.currentAccountName || this.state.currentAccountEmail || 'Googleアカウント'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- onClick: this.handleChangeAccount,
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.changeAccountButton,
- disabled: this.state.isProcessing
- }, "\u30A2\u30AB\u30A6\u30F3\u30C8\u3092\u5909\u66F4"));
- }
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.authSection
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("p", null, "Google\u3067\u30ED\u30B0\u30A4\u30F3\u3057\u3066\u3001\u30D7\u30ED\u30B8\u30A7\u30AF\u30C8\u3092\u4FDD\u5B58\u307E\u305F\u306F\u66F4\u65B0\u3057\u307E\u3059\u3002"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- onClick: this.startGoogleLogin,
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.loginButton,
- disabled: this.state.isProcessing
- }, "Google\u3067\u30ED\u30B0\u30A4\u30F3"));
- }
- renderNewFileSection() {
- if (this.state.showNewFileInput) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.newFileSection
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.newFileInputGroup
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("input", {
- type: "text",
- value: this.state.newFileName,
- onChange: e => this.setState({
- newFileName: e.target.value
- }),
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.newFileNameInput,
- placeholder: "\u30D5\u30A1\u30A4\u30EB\u540D\u3092\u5165\u529B",
- disabled: this.state.isProcessing
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.permissionDropdown
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("label", null, "\u516C\u958B\u8A2D\u5B9A: "), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("select", {
- value: this.state.sharePermission,
- onChange: e => this.setState({
- sharePermission: e.target.value
- }),
- disabled: this.state.isProcessing
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("option", {
- value: "reader"
- }, "\u95B2\u89A7\u306E\u307F"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("option", {
- value: "writer"
- }, "\u7DE8\u96C6\u53EF\u80FD"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("option", {
- value: "owner"
- }, "\u6240\u6709\u8005"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- onClick: this.handleNewFileSave,
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.newFileSaveButton,
- disabled: !this.state.newFileName.trim() || this.state.isProcessing
- }, "\u4FDD\u5B58"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- onClick: () => this.setState({
- showNewFileInput: false
- }),
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.newFileCancelButton,
- disabled: this.state.isProcessing
- }, "\u30AD\u30E3\u30F3\u30BB\u30EB")));
- }
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.newFileSection
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- onClick: () => this.setState({
- showNewFileInput: true,
- newFileName: window.vm && window.vm.runtime ? window.vm.runtime.projectName || '無題' : '無題',
- sharePermission: 'reader'
- }),
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.newFileButton,
- disabled: this.state.isProcessing
- }, "\u65B0\u898F\u4FDD\u5B58"));
- }
- renderFileList() {
- if (this.state.isLoading) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.loading
- }, "\u8AAD\u307F\u8FBC\u307F\u4E2D...");
- }
- const projectFiles = this.state.files.filter(file => file.mimeType === 'application/x-scratch');
- const thumbnailFiles = this.state.files.filter(file => file.mimeType === 'image/png');
- if (projectFiles.length === 0) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.noFiles
- }, "\u4FDD\u5B58\u3055\u308C\u305F\u30D5\u30A1\u30A4\u30EB\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093");
- }
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.fileListContainer
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.fileListHeader
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("h3", null, "\u4FDD\u5B58\u6E08\u307F\u30D7\u30ED\u30B8\u30A7\u30AF\u30C8")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.fileList
- }, projectFiles.map(project => this.renderFileItem(project, thumbnailFiles))));
- }
- renderFileItem(project, thumbnailFiles) {
- const thumbnail = thumbnailFiles.find(thumb => thumb.name === "Scratch-Thumbnail-".concat(project.id, ".png"));
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- key: project.id,
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.fileItem
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.thumbnailContainer
- }, thumbnail ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
- src: "https://drive.google.com/thumbnail?id=".concat(thumbnail.id, "&sz=w300"),
- alt: "\u30D7\u30ED\u30B8\u30A7\u30AF\u30C8\u30B5\u30E0\u30CD\u30A4\u30EB",
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.thumbnail
- }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.thumbnailPlaceholder
- }, "\u30B5\u30E0\u30CD\u30A4\u30EB\u306A\u3057")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("h3", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.fileName
- }, project.name.replace('.s4s.txt', '')), this.renderShareLink(project.id), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.buttonGroup
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- onClick: () => this.handleLoadFile(project),
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.actionButton,
- disabled: this.state.isProcessing
- }, "\u8AAD\u307F\u8FBC\u3080"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- onClick: () => this.handleReplaceFile(project),
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.actionButton,
- disabled: this.state.isProcessing
- }, "\u4E0A\u66F8\u304D"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- onClick: () => this.openShareModal(project.id),
- className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(_google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.actionButton, _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.shareButton),
- disabled: this.state.isProcessing
- }, "\u5171\u6709"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- onClick: () => this.handleShareFile(project.id),
- className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(_google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.actionButton, _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.publicButton),
- disabled: this.state.isProcessing
- }, "\u516C\u958B"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- onClick: () => this.handleDeleteFile(project, thumbnailFiles),
- className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(_google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.actionButton, _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.deleteButton),
- disabled: this.state.isProcessing
- }, "\u524A\u9664")));
- }
- renderShareLink(fileId) {
- const SHORT_URL = "https://s4.rf.gd/";
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.linkContainer
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.linkHeader
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- onClick: () => this.copyToClipboard("".concat(SHORT_URL).concat(fileId)),
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.copyButton,
- disabled: this.state.isProcessing
- }, "\u30EA\u30F3\u30AF\u3092\u30B3\u30D4\u30FC"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- onClick: () => window.open("https://scratch-school.ct.ws/bit.php?id=".concat(fileId)),
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.copyButton,
- disabled: this.state.isProcessing
- }, "\u30EA\u30F3\u30AF\u3092\u77ED\u7E2E"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- onClick: () => this.copyToClipboard(fileId),
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.copyButton,
- disabled: this.state.isProcessing
- }, "ID\u306E\u307F\u30B3\u30D4\u30FC")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("a", {
- href: "".concat(SHORT_URL).concat(fileId),
- target: "_blank",
- rel: "noopener noreferrer",
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.linkUrl
- }, "".concat(SHORT_URL).concat(fileId)));
- }
- // ファイル権限設定メソッド
- async setFilePermission(fileId, accessToken, email) {
- let role = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "reader";
- const response = await fetch("https://www.googleapis.com/drive/v3/files/".concat(fileId, "/permissions"), {
- method: "POST",
- headers: {
- "Authorization": "Bearer ".concat(accessToken),
- "Content-Type": "application/json"
- },
- body: JSON.stringify({
- type: "user",
- role: role,
- emailAddress: email
- })
- });
- if (!response.ok) {
- throw new Error(await response.text());
- }
- return await response.json();
- }
-
- // 共有モーダルのレンダリング
- renderShareModal() {
- if (!this.state.isShareModalOpen) return null;
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.modalOverlay,
- onClick: this.handleShareOverlayClick
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.modalContent,
- ref: this.shareModalContentRef,
- style: {
- maxWidth: '500px'
- }
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.modalHeader
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("h2", null, "\u5171\u6709\u8A2D\u5B9A"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- onClick: this.closeShareModal,
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.closeButton,
- disabled: this.state.isProcessing
- }, "\xD7")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.modalBody
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.shareSection
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("h3", null, "\u30E6\u30FC\u30B6\u30FC\u3054\u3068\u306E\u5171\u6709"), this.state.emailPermissions.map((permission, index) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- key: index,
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.permissionRow
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("input", {
- type: "email",
- placeholder: "\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9",
- value: permission.email,
- onChange: e => this.updateEmailPermission(index, 'email', e.target.value),
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.emailInput,
- disabled: this.state.isProcessing
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("select", {
- value: permission.role,
- onChange: e => this.updateEmailPermission(index, 'role', e.target.value),
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.roleSelect,
- disabled: this.state.isProcessing
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("option", {
- value: "reader"
- }, "\u95B2\u89A7\u53EF\u80FD"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("option", {
- value: "writer"
- }, "\u7DE8\u96C6\u53EF\u80FD")), this.state.emailPermissions.length > 1 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- onClick: () => this.removeEmailPermission(index),
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.removeButton,
- disabled: this.state.isProcessing
- }, "\xD7"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- onClick: this.addEmailPermission,
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.addButton,
- disabled: this.state.isProcessing
- }, "\uFF0B")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.shareSection
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("h3", null, "\u30EA\u30F3\u30AF\u3092\u77E5\u3063\u3066\u3044\u308B\u5168\u54E1"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.permissionRow
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("select", {
- value: this.state.linkPermission,
- onChange: e => this.setState({
- linkPermission: e.target.value
- }),
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.roleSelect,
- disabled: this.state.isProcessing
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("option", {
- value: "reader"
- }, "\u95B2\u89A7\u306E\u307F"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("option", {
- value: "writer"
- }, "\u7DE8\u96C6\u53EF\u80FD")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.shareSection
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("h3", null, "\u30B0\u30EB\u30FC\u30D7\u5185"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.permissionRow
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("select", {
- value: this.state.groupPermission,
- onChange: e => this.setState({
- groupPermission: e.target.value
- }),
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.roleSelect,
- disabled: this.state.isProcessing
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("option", {
- value: "reader"
- }, "\u95B2\u89A7\u306E\u307F"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("option", {
- value: "writer"
- }, "\u7DE8\u96C6\u53EF\u80FD"))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.modalFooter
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- onClick: this.applyPermissions,
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.applyButton,
- disabled: this.state.isProcessing
- }, "\u9069\u7528"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", {
- onClick: this.closeShareModal,
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.cancelButton,
- disabled: this.state.isProcessing
- }, "\u30AD\u30E3\u30F3\u30BB\u30EB")), this.state.isProcessing && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.processingOverlay
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.spinner
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", null, "\u51E6\u7406\u4E2D..."))));
- }
- render() {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_button_button_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(this.props.className, _google_drive_save_css__WEBPACK_IMPORTED_MODULE_6___default.a.saveButton),
- onClick: this.handleClick
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_4__["FormattedMessage"], {
- defaultMessage: "Google\u30C9\u30E9\u30A4\u30D6\u306B\u4FDD\u5B58",
- id: "google.drive.saveButton"
- })), this.renderModal(), this.renderShareModal());
- }
- async deleteFile(fileId) {
- const response = await fetch("https://www.googleapis.com/drive/v3/files/".concat(fileId), {
- method: "DELETE",
- headers: {
- Authorization: "Bearer ".concat(this.state.accessToken)
- }
- });
- if (!response.ok) {
- throw new Error(await response.text());
- }
- }
- async saveToGoogleDrive(fileId, fileName) {
- let permission = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'reader';
- if (!window.vm) {
- throw new Error("VMが初期化されていません");
- }
- const blob = await window.vm.saveProjectSb3();
- const metadata = {
- name: fileName,
- mimeType: "application/x-scratch"
- };
- const url = fileId ? "https://www.googleapis.com/upload/drive/v3/files/".concat(fileId, "?uploadType=multipart") : "https://www.googleapis.com/upload/drive/v3/files?uploadType=multipart";
- const form = new FormData();
- form.append("metadata", new Blob([JSON.stringify(metadata)], {
- type: "application/json"
- }));
- form.append("file", blob);
- const method = fileId ? "PATCH" : "POST";
- const uploadResponse = await fetch(url, {
- method,
- headers: {
- Authorization: "Bearer ".concat(this.state.accessToken)
- },
- body: form
- });
- if (!uploadResponse.ok) {
- throw new Error(await uploadResponse.text());
- }
- const fileData = await uploadResponse.json();
- try {
- var _existingThumbnailDat, _existingThumbnailDat2;
- const thumbnailDataUrl = await this.getProjectThumbnail();
- const thumbnailBlob = await (await fetch(thumbnailDataUrl)).blob();
- const thumbnailMetadata = {
- name: "Scratch-Thumbnail-".concat(fileData.id, ".png"),
- mimeType: "image/png"
- };
- const existingThumbnailResponse = await fetch("https://www.googleapis.com/drive/v3/files?q=name='".concat(thumbnailMetadata.name, "'"), {
- headers: {
- Authorization: "Bearer ".concat(this.state.accessToken)
- }
- });
- const existingThumbnailData = await existingThumbnailResponse.json();
- const thumbnailFileId = (_existingThumbnailDat = existingThumbnailData.files) === null || _existingThumbnailDat === void 0 ? void 0 : (_existingThumbnailDat2 = _existingThumbnailDat[0]) === null || _existingThumbnailDat2 === void 0 ? void 0 : _existingThumbnailDat2.id;
- const thumbnailUrl = thumbnailFileId ? "https://www.googleapis.com/upload/drive/v3/files/".concat(thumbnailFileId, "?uploadType=multipart") : "https://www.googleapis.com/upload/drive/v3/files?uploadType=multipart";
- const thumbnailForm = new FormData();
- thumbnailForm.append("metadata", new Blob([JSON.stringify(thumbnailMetadata)], {
- type: "application/json"
- }));
- thumbnailForm.append("file", thumbnailBlob);
- const thumbnailMethod = thumbnailFileId ? "PATCH" : "POST";
- await fetch(thumbnailUrl, {
- method: thumbnailMethod,
- headers: {
- Authorization: "Bearer ".concat(this.state.accessToken)
- },
- body: thumbnailForm
- });
- } catch (thumbnailError) {
- console.warn("サムネイルの保存に失敗しました:", thumbnailError);
- }
- if (!fileId) {
- await fetch("https://www.googleapis.com/drive/v3/files/".concat(fileData.id, "/permissions"), {
- method: "POST",
- headers: {
- Authorization: "Bearer ".concat(this.state.accessToken),
- "Content-Type": "application/json"
- },
- body: JSON.stringify({
- role: permission,
- type: "anyone"
- })
- });
- }
- return fileData;
- }
- getProjectThumbnail() {
- return new Promise(resolve => {
- if (window.vm && window.vm.renderer && window.vm.renderer.requestSnapshot) {
- window.vm.renderer.requestSnapshot(uri => {
- resolve(uri);
- });
- } else {
- // デフォルトのサムネイル
- resolve('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==');
- }
- });
- }
-}
-GoogleDriveSave.propTypes = {
- className: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,
- showAlert: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func.isRequired,
- projectTitle: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string
-};
-const mapStateToProps = state => ({
- projectTitle: state.scratchGui.projectTitle
-});
-/* harmony default export */ __webpack_exports__["default"] = (Object(react_redux__WEBPACK_IMPORTED_MODULE_0__["connect"])(mapStateToProps)(GoogleDriveSave));
-
-/***/ }),
-
-/***/ "./src/components/menu-bar/icon--about.svg":
-/*!*************************************************!*\
- !*** ./src/components/menu-bar/icon--about.svg ***!
- \*************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconAbout; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _defs, _use;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconAbout(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 16,
- height: 16,
- xmlns: "http://www.w3.org/2000/svg",
- xmlnsXlink: "http://www.w3.org/1999/xlink"
- }, props), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M10 2a8 8 0 110 16 8 8 0 010-16zm-.072 10.42a.961.961 0 00-.648.227.71.71 0 00-.264.56c0 .25.091.445.273.584.182.139.395.209.639.209.236 0 .444-.07.624-.211s.27-.335.27-.581a.716.716 0 00-.258-.56.93.93 0 00-.636-.227zM10.072 6c-.624 0-1.17.113-1.638.338-.468.225-.824.51-1.068.853C7.122 7.534 7 7.874 7 8.208c0 .162.077.313.231.452a.816.816 0 00.567.209c.38 0 .638-.199.774-.597.144-.38.32-.668.528-.864.208-.196.532-.293.972-.293.376 0 .683.097.921.291.238.194.357.432.357.713a.741.741 0 01-.117.402 1.575 1.575 0 01-.288.336c-.114.1-.299.249-.555.446a8.95 8.95 0 00-.696.584 1.94 1.94 0 00-.414.571 1.762 1.762 0 00-.156.769c0 .236.071.414.213.534.142.12.317.18.525.18.4 0 .638-.183.714-.55l.099-.362.093-.206.183-.227.327-.288c.492-.387.833-.663 1.023-.827.19-.164.354-.358.492-.584.138-.225.207-.488.207-.787 0-.38-.121-.733-.363-1.057-.242-.324-.585-.58-1.029-.769-.444-.188-.956-.283-1.536-.283z",
- id: "icon--about_svg__a"
- }))), _use || (_use = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", {
- fill: "#fff",
- xlinkHref: "#icon--about_svg__a",
- transform: "translate(-2 -2)"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/5dbf111a76a93a93613ec81c16dfc6d3.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/menu-bar/icon--remix.svg":
-/*!*************************************************!*\
- !*** ./src/components/menu-bar/icon--remix.svg ***!
- \*************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconRemix; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconRemix(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M3.797 14.239c-1.355-2.223-1.466-5.189-.271-7.54a8.498 8.498 0 014.156-4.012 8.279 8.279 0 011.604-.55l.56-.12a.77.77 0 01.91.577.755.755 0 01-.585.898l-.545.117a6.73 6.73 0 00-1.31.453A7.06 7.06 0 004.9 7.366c-.797 1.566-1.034 4.056.22 6.11 1.135 1.98 3.46 3.193 5.666 2.989 2.087-.15 4-1.539 4.672-3.378.681-1.73.229-3.502-.52-4.5-.9-1.231-2.021-1.61-2.461-1.715-.066-.02-1.607-.483-2.968.199-.585.28-1.343.912-1.75 1.86-.437.98-.324 2.24.27 3.077.598.897 1.724 1.406 2.694 1.233.964-.152 1.617-.87 1.772-1.5.181-.678-.098-1.251-.315-1.457-.37-.365-.69-.371-.703-.372a1.316 1.316 0 00-.271.014c-.173.063-.418.202-.49.347-.012.024-.045.09.017.254a.753.753 0 01-.447.973.768.768 0 01-.985-.441c-.246-.647-.11-1.154.047-1.464.412-.81 1.366-1.103 1.474-1.134a.749.749 0 01.153-.028c.106-.016.291-.041.542-.032.575.008 1.23.308 1.733.804.593.56 1.057 1.685.728 2.907-.322 1.309-1.556 2.39-2.997 2.617-1.55.276-3.295-.488-4.216-1.872-.889-1.249-1.059-3.075-.409-4.524a5.263 5.263 0 012.474-2.615c1.921-.96 3.975-.326 4.061-.3.553.131 2.09.645 3.283 2.277.918 1.228 1.663 3.52.717 5.921-.864 2.366-3.324 4.163-5.976 4.354-.208.02-.418.03-.628.03-2.574 0-5.181-1.484-6.489-3.761z",
- fill: "#FFF",
- fillRule: "evenodd"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/f8ff5dbef05bc3337cd3660fb956cffa.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/menu-bar/icon--see-community.svg":
-/*!*********************************************************!*\
- !*** ./src/components/menu-bar/icon--see-community.svg ***!
- \*********************************************************/
-/*! exports provided: default, ReactComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactComponent", function() { return SvgIconSeeCommunity; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-function SvgIconSeeCommunity(props) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", _extends({
- width: 20,
- height: 20,
- xmlns: "http://www.w3.org/2000/svg"
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", {
- d: "M14.301 11.18a3.659 3.659 0 00-.897-3.069l-.99.992a.618.618 0 01-1.05-.44V4.618c0-.34.28-.619.62-.619h4.036c.55 0 .82.661.44 1.051l-.846.848c.601.771 1.033 1.67 1.236 2.61a6.495 6.495 0 01-.128 3.272c-.635 2.103-2.395 3.73-4.41 4.196a.909.909 0 01-1.083-.678.901.901 0 01.559-1.05h.008c1.347-.518 2.312-1.764 2.505-3.07zM5.698 8.82a3.662 3.662 0 00.898 3.069l.99-.992a.617.617 0 011.05.44v4.043c0 .34-.28.62-.618.62H3.98c-.55 0-.82-.662-.44-1.052l.847-.848a6.512 6.512 0 01-1.236-2.61 6.481 6.481 0 01.127-3.271c.635-2.103 2.395-3.73 4.41-4.196A.908.908 0 018.77 4.7c.11.45-.144.889-.559 1.05h-.008c-1.346.517-2.31 1.764-2.506 3.07z",
- fill: "#FFF",
- fillRule: "evenodd"
- })));
-}
-/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "static/assets/2f9cda00a530ac237fc24063067377c3.svg");
-
-
-/***/ }),
-
-/***/ "./src/components/menu-bar/menu-bar-menu.jsx":
-/*!***************************************************!*\
- !*** ./src/components/menu-bar/menu-bar-menu.jsx ***!
- \***************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _containers_menu_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../containers/menu.jsx */ "./src/containers/menu.jsx");
-
-
-
-const MenuBarMenu = _ref => {
- let {
- children,
- className,
- onRequestClose,
- open,
- place = 'right'
- } = _ref;
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
- className: className
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_containers_menu_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
- open: open,
- place: place,
- onRequestClose: onRequestClose
- }, children));
-};
-MenuBarMenu.propTypes = {
- children: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.node,
- className: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.string,
- onRequestClose: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.func,
- open: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.bool,
- place: prop_types__WEBPACK_IMPORTED_MODULE_0___default.a.oneOf(['left', 'right'])
-};
-/* harmony default export */ __webpack_exports__["default"] = (MenuBarMenu);
-
-/***/ }),
-
-/***/ "./src/components/menu-bar/menu-bar.css":
-/*!**********************************************!*\
- !*** ./src/components/menu-bar/menu-bar.css ***!
- \**********************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./menu-bar.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/menu-bar/menu-bar.css");
-
-if(typeof content === 'string') content = [[module.i, content, '']];
-
-var transform;
-var insertInto;
-
-
-
-var options = {"hmr":true}
-
-options.transform = transform
-options.insertInto = undefined;
-
-var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
-
-if(content.locals) module.exports = content.locals;
-
-if(false) {}
-
-/***/ }),
-
-/***/ "./src/components/menu-bar/menu-bar.jsx":
-/*!**********************************************!*\
- !*** ./src/components/menu-bar/menu-bar.jsx ***!
- \**********************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "./node_modules/react-redux/es/index.js");
-/* harmony import */ var redux__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! redux */ "./node_modules/redux/es/index.js");
-/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-intl */ "./node_modules/react-intl/lib/index.es.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var lodash_bindall__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash.bindall */ "./node_modules/lodash.bindall/index.js");
-/* harmony import */ var lodash_bindall__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_bindall__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var bowser__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! bowser */ "./node_modules/bowser/src/bowser.js");
-/* harmony import */ var bowser__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(bowser__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var scratch_vm__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! scratch-vm */ "./node_modules/scratch-vm/src/index.js");
-/* harmony import */ var scratch_vm__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(scratch_vm__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var _box_box_jsx__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../box/box.jsx */ "./src/components/box/box.jsx");
-/* harmony import */ var _button_button_jsx__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../button/button.jsx */ "./src/components/button/button.jsx");
-/* harmony import */ var _community_button_jsx__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./community-button.jsx */ "./src/components/menu-bar/community-button.jsx");
-/* harmony import */ var _share_button_jsx__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./share-button.jsx */ "./src/components/menu-bar/share-button.jsx");
-/* harmony import */ var _google_drive_save_jsx__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./google-drive-save.jsx */ "./src/components/menu-bar/google-drive-save.jsx");
-/* harmony import */ var _coming_soon_coming_soon_jsx__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../coming-soon/coming-soon.jsx */ "./src/components/coming-soon/coming-soon.jsx");
-/* harmony import */ var _divider_divider_jsx__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../divider/divider.jsx */ "./src/components/divider/divider.jsx");
-/* harmony import */ var _containers_language_selector_jsx__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../containers/language-selector.jsx */ "./src/containers/language-selector.jsx");
-/* harmony import */ var _containers_project_watcher_jsx__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../containers/project-watcher.jsx */ "./src/containers/project-watcher.jsx");
-/* harmony import */ var _menu_bar_menu_jsx__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./menu-bar-menu.jsx */ "./src/components/menu-bar/menu-bar-menu.jsx");
-/* harmony import */ var _menu_menu_jsx__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../menu/menu.jsx */ "./src/components/menu/menu.jsx");
-/* harmony import */ var _project_title_input_jsx__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./project-title-input.jsx */ "./src/components/menu-bar/project-title-input.jsx");
-/* harmony import */ var _author_info_jsx__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./author-info.jsx */ "./src/components/menu-bar/author-info.jsx");
-/* harmony import */ var _containers_sb3_downloader_jsx__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../../containers/sb3-downloader.jsx */ "./src/containers/sb3-downloader.jsx");
-/* harmony import */ var _containers_deletion_restorer_jsx__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../../containers/deletion-restorer.jsx */ "./src/containers/deletion-restorer.jsx");
-/* harmony import */ var _containers_turbo_mode_jsx__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../../containers/turbo-mode.jsx */ "./src/containers/turbo-mode.jsx");
-/* harmony import */ var _containers_menu_bar_hoc_jsx__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../../containers/menu-bar-hoc.jsx */ "./src/containers/menu-bar-hoc.jsx");
-/* harmony import */ var _containers_tw_framerate_changer_jsx__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../../containers/tw-framerate-changer.jsx */ "./src/containers/tw-framerate-changer.jsx");
-/* harmony import */ var _containers_tw_change_username_jsx__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../../containers/tw-change-username.jsx */ "./src/containers/tw-change-username.jsx");
-/* harmony import */ var _containers_tw_cloud_toggler_jsx__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../../containers/tw-cloud-toggler.jsx */ "./src/containers/tw-cloud-toggler.jsx");
-/* harmony import */ var _tw_save_status_jsx__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./tw-save-status.jsx */ "./src/components/menu-bar/tw-save-status.jsx");
-/* harmony import */ var _reducers_modals__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../../reducers/modals */ "./src/reducers/modals.js");
-/* harmony import */ var _reducers_mode__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ../../reducers/mode */ "./src/reducers/mode.js");
-/* harmony import */ var _reducers_project_state__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ../../reducers/project-state */ "./src/reducers/project-state.js");
-/* harmony import */ var _reducers_menus__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ../../reducers/menus */ "./src/reducers/menus.js");
-/* harmony import */ var _reducers_tw_js__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ../../reducers/tw.js */ "./src/reducers/tw.js");
-/* harmony import */ var _lib_collect_metadata__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ../../lib/collect-metadata */ "./src/lib/collect-metadata.js");
-/* harmony import */ var _menu_bar_css__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./menu-bar.css */ "./src/components/menu-bar/menu-bar.css");
-/* harmony import */ var _menu_bar_css__WEBPACK_IMPORTED_MODULE_36___default = /*#__PURE__*/__webpack_require__.n(_menu_bar_css__WEBPACK_IMPORTED_MODULE_36__);
-/* harmony import */ var _icon_remix_svg__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ./icon--remix.svg */ "./src/components/menu-bar/icon--remix.svg");
-/* harmony import */ var _dropdown_caret_svg__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ./dropdown-caret.svg */ "./src/components/menu-bar/dropdown-caret.svg");
-/* harmony import */ var _language_selector_language_icon_svg__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ../language-selector/language-icon.svg */ "./src/components/language-selector/language-icon.svg");
-/* harmony import */ var _icon_about_svg__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ./icon--about.svg */ "./src/components/menu-bar/icon--about.svg");
-/* harmony import */ var _tw_error_svg__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ./tw-error.svg */ "./src/components/menu-bar/tw-error.svg");
-/* harmony import */ var _tw_moon_svg__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ./tw-moon.svg */ "./src/components/menu-bar/tw-moon.svg");
-/* harmony import */ var _favicon_png__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ./favicon.png */ "./src/components/menu-bar/favicon.png");
-/* harmony import */ var _favicon_png__WEBPACK_IMPORTED_MODULE_43___default = /*#__PURE__*/__webpack_require__.n(_favicon_png__WEBPACK_IMPORTED_MODULE_43__);
-/* harmony import */ var _scratch_logo_svg__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ./scratch-logo.svg */ "./src/components/menu-bar/scratch-logo.svg");
-/* harmony import */ var _lib_shared_messages__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ../../lib/shared-messages */ "./src/lib/shared-messages.js");
-/* harmony import */ var _tw_see_inside_jsx__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ./tw-see-inside.jsx */ "./src/components/menu-bar/tw-see-inside.jsx");
-/* harmony import */ var _lib_isScratchDesktop_js__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ../../lib/isScratchDesktop.js */ "./src/lib/isScratchDesktop.js");
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-//import { consoleLogs } from '../../lib/pm-log-capture.js';
-
-
-
-const ariaMessages = Object(react_intl__WEBPACK_IMPORTED_MODULE_3__["defineMessages"])({
- language: {
- "id": "gui.menuBar.LanguageSelector",
- "defaultMessage": "language selector"
- },
- tutorials: {
- "id": "gui.menuBar.tutorialsLibrary",
- "defaultMessage": "Tutorials"
- }
-});
-const twMessages = Object(react_intl__WEBPACK_IMPORTED_MODULE_3__["defineMessages"])({
- compileError: {
- "id": "tw.menuBar.compileError",
- "defaultMessage": "{sprite}: {error}"
- }
-});
-const MenuBarItemTooltip = _ref => {
- let {
- children,
- className,
- enable,
- id,
- place = 'bottom'
- } = _ref;
- if (enable) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_7___default.a.Fragment, null, children);
- }
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(_coming_soon_coming_soon_jsx__WEBPACK_IMPORTED_MODULE_14__["ComingSoonTooltip"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_menu_bar_css__WEBPACK_IMPORTED_MODULE_36___default.a.comingSoon, className),
- place: place,
- tooltipClassName: _menu_bar_css__WEBPACK_IMPORTED_MODULE_36___default.a.comingSoonTooltip,
- tooltipId: id
- }, children);
-};
-MenuBarItemTooltip.propTypes = {
- children: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.node,
- className: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,
- enable: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,
- id: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,
- place: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOf(['top', 'bottom', 'left', 'right'])
-};
-const MenuItemTooltip = _ref2 => {
- let {
- id,
- isRtl,
- children,
- className
- } = _ref2;
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(_coming_soon_coming_soon_jsx__WEBPACK_IMPORTED_MODULE_14__["ComingSoonTooltip"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_menu_bar_css__WEBPACK_IMPORTED_MODULE_36___default.a.comingSoon, className),
- isRtl: isRtl,
- place: isRtl ? 'left' : 'right',
- tooltipClassName: _menu_bar_css__WEBPACK_IMPORTED_MODULE_36___default.a.comingSoonTooltip,
- tooltipId: id
- }, children);
-};
-MenuItemTooltip.propTypes = {
- children: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.node,
- className: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,
- id: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,
- isRtl: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool
-};
-const AboutButton = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(_button_button_jsx__WEBPACK_IMPORTED_MODULE_10__["default"], {
- className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_menu_bar_css__WEBPACK_IMPORTED_MODULE_36___default.a.menuBarItem, _menu_bar_css__WEBPACK_IMPORTED_MODULE_36___default.a.hoverable),
- iconClassName: _menu_bar_css__WEBPACK_IMPORTED_MODULE_36___default.a.aboutIcon,
- iconSrc: _icon_about_svg__WEBPACK_IMPORTED_MODULE_40__["default"],
- onClick: props.onClick
-});
-AboutButton.propTypes = {
- onClick: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func.isRequired
-};
-
-// Unlike