@configuratorware/configurator-frontendgui 1.49.9 → 1.50.0

package/src/App/Shared/Components/PdfDownload/index.js

@@ -70,8 +70,6 @@ class PdfDownload extends React.Component {
             <CustomDialog
                 open={show}
                 onClose={onClose}
-                aria-labelledby="alert-dialog-title"
-                aria-describedby="alert-dialog-description"
                 dialogTitle={t('pdfDownloadDialog.title')}
                 onCancel={onClose}
             >

package/src/App/Shared/Components/SaveConfiguration/index.js

@@ -12,6 +12,7 @@ import MainButton from 'Shared/Components/MainButton';
 import CustomDialog from 'Shared/Components/CustomDialog';
 import PropTypes from 'prop-types';
 import Tooltip from '@material-ui/core/Tooltip';
+import AccessibleButton from '../AccessibleButton/AccessibleButton';
 
 const styles = theme => ({
     dialogTitleRoot: {
@@ -126,6 +127,7 @@ class SaveConfiguration extends React.Component {
             }
         }
     };
+
     render() {
         const {
             classes,
@@ -145,8 +147,6 @@ class SaveConfiguration extends React.Component {
             <CustomDialog
                 open={show}
                 onClose={onClose}
-                aria-labelledby="alert-dialog-title"
-                aria-describedby="alert-dialog-description"
                 onCancel={onClose}
                 dialogTitle={t('saveConfiguration.dialogTitle')}
             >
@@ -197,10 +197,12 @@ class SaveConfiguration extends React.Component {
                                     <b>{code}</b>
                                     {IconCopyShareUrl && (
                                         <Tooltip title={t('saveConfiguration.copyConfigurationLink')}>
-                                            <IconCopyShareUrl
+                                            <AccessibleButton
                                                 className={classes.copyShareUrlIcon}
                                                 onClick={() => this.onCopyShareUrl(shareUrl)}
-                                            />
+                                            >
+                                                <IconCopyShareUrl />
+                                            </AccessibleButton>
                                         </Tooltip>
                                     )}
                                 </div>

package/src/App/Shared/Components/SendEmail/index.js

@@ -47,8 +47,6 @@ const SendEmail = props => {
         <CustomDialog
             open={show}
             onClose={onClose}
-            aria-labelledby="alert-dialog-title"
-            aria-describedby="alert-dialog-description"
             dialogTitle={t('sendEmailDialog.title')}
             onCancel={onClose}
         >

package/src/App/Shared/Components/ToolbarList/__snapshots__/ToolbarList.test.js.snap

@@ -4,29 +4,53 @@ exports[`Shared/Components/ToolbarList the rendered component contains the custo
 <div
   class="ToolbarList-root-2 custom-css-tools"
 >
-  <span
-    aria-hidden="true"
-    class="material-icons MuiIcon-root ToolbarList-iconHover-1"
+  <button
+    class="MuiButtonBase-root AccessibleButton-root-7"
+    tabindex="0"
+    type="button"
   >
-    save
-  </span>
-  <span
-    aria-hidden="true"
-    class="material-icons MuiIcon-root ToolbarList-iconHover-1"
+    <span
+      aria-hidden="true"
+      class="material-icons MuiIcon-root ToolbarList-iconHover-1"
+    >
+      save
+    </span>
+  </button>
+  <button
+    class="MuiButtonBase-root AccessibleButton-root-7"
+    tabindex="0"
+    type="button"
   >
-    mail
-  </span>
-  <span
-    aria-hidden="true"
-    class="material-icons MuiIcon-root ToolbarList-iconHover-1"
+    <span
+      aria-hidden="true"
+      class="material-icons MuiIcon-root ToolbarList-iconHover-1"
+    >
+      mail
+    </span>
+  </button>
+  <button
+    class="MuiButtonBase-root AccessibleButton-root-7"
+    tabindex="0"
+    type="button"
   >
-    picture_as_pdf
-  </span>
-  <span
-    aria-hidden="true"
-    class="material-icons MuiIcon-root ToolbarList-iconHover-1"
+    <span
+      aria-hidden="true"
+      class="material-icons MuiIcon-root ToolbarList-iconHover-1"
+    >
+      picture_as_pdf
+    </span>
+  </button>
+  <button
+    class="MuiButtonBase-root AccessibleButton-root-7"
+    tabindex="0"
+    type="button"
   >
-    help
-  </span>
+    <span
+      aria-hidden="true"
+      class="material-icons MuiIcon-root ToolbarList-iconHover-1"
+    >
+      help
+    </span>
+  </button>
 </div>
 `;

package/src/App/Shared/Components/ToolbarList/index.js

@@ -10,6 +10,7 @@ import Menu from '@material-ui/core/Menu';
 import AnalyticsWrapper from '../Analytics/AnalyticsWrapper';
 import customClassName from 'App/Utils/customClassName';
 import { t } from 'Framework/i18n';
+import AccessibleButton from '../AccessibleButton/AccessibleButton';
 
 const styles = theme => ({
     iconHover: {
@@ -86,14 +87,15 @@ class ToolbarList extends React.Component {
                         {tools.map(tool => {
                             return (
                                 <AnalyticsWrapper key={tool.key} targetId={tool.key}>
-                                    <Icon
-                                        title={tool.title && t(tool.title)}
-                                        key={tool.key}
-                                        className={classes.iconHover}
-                                        onClick={tool.function}
-                                    >
-                                        {tool.identifier}
-                                    </Icon>
+                                    <AccessibleButton onClick={tool.function}>
+                                        <Icon
+                                            title={tool.title && t(tool.title)}
+                                            key={tool.key}
+                                            className={classes.iconHover}
+                                        >
+                                            {tool.identifier}
+                                        </Icon>
+                                    </AccessibleButton>
                                 </AnalyticsWrapper>
                             );
                         })}
@@ -104,6 +106,7 @@ class ToolbarList extends React.Component {
                         <IconButton
                             aria-label="Menu"
                             aria-haspopup="true"
+                            aria-controls="toolbar-menu"
                             classes={{
                                 root: classes.ToolbarButton,
                                 label: classes.ToolbarIconButton,
@@ -113,13 +116,14 @@ class ToolbarList extends React.Component {
                             <Icon>{toolbarMobileIcon}</Icon>
                         </IconButton>
                         <Menu
-                            id="long-menu"
+                            id="toolbar-menu"
                             anchorEl={anchorEl}
                             open={open}
                             getContentAnchorEl={null}
                             anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}
                             transformOrigin={{ vertical: 'top', horizontal: 'center' }}
                             onClose={this.handleClose}
+                            keepMounted
                             PaperProps={{
                                 style: {
                                     maxHeight: ITEM_HEIGHT * 4.5,
@@ -129,25 +133,24 @@ class ToolbarList extends React.Component {
                         >
                             {tools &&
                                 tools.map(tool => (
-                                    <MenuItem
-                                        className={classes.MenuItemOption}
-                                        key={tool.key}
-                                        onClick={this.handleClose}
-                                    >
-                                        <AnalyticsWrapper key={tool.key} targetId={tool.key}>
-                                            <div
-                                                style={{ display: 'flex', width: '100%' }}
-                                                onClick={tool.function}
-                                            >
-                                                <Icon key={tool.key} className={classes.iconHover}>
-                                                    {tool.identifier}
-                                                </Icon>
-                                                <div className={classes.toolTitle}>
-                                                    {tool.title && t(tool.title)}
-                                                </div>
+                                    <AnalyticsWrapper key={tool.key} targetId={tool.key}>
+                                        <AccessibleButton
+                                            component={MenuItem}
+                                            className={classes.MenuItemOption}
+                                            key={tool.key}
+                                            onClick={evt => {
+                                                tool.function(evt);
+                                                this.handleClose();
+                                            }}
+                                        >
+                                            <Icon key={tool.key} className={classes.iconHover}>
+                                                {tool.identifier}
+                                            </Icon>
+                                            <div className={classes.toolTitle}>
+                                                {tool.title && t(tool.title)}
                                             </div>
-                                        </AnalyticsWrapper>
-                                    </MenuItem>
+                                        </AccessibleButton>
+                                    </AnalyticsWrapper>
                                 ))}
                         </Menu>
                     </div>

package/src/App/Shared/Hooks/useDialogId.js

@@ -0,0 +1,11 @@
+import { useMemo } from 'react';
+import uuidv4 from 'uuid/v4';
+
+export const useDialogId = () => {
+    const dialogId = useMemo(() => uuidv4(), []);
+    const dialogTitleId = `dialog-title-${dialogId}`;
+    return {
+        dialogId,
+        dialogTitleId,
+    };
+};

package/src/Shared/Components/CustomDialog.js

@@ -4,6 +4,9 @@ import withWidth from '@material-ui/core/withWidth';
 import Dialog from '@material-ui/core/Dialog';
 import DialogTitle from '@material-ui/core/DialogTitle';
 import Icon from '@material-ui/core/Icon';
+import IconButton from '@material-ui/core/IconButton';
+import AutoFocusDialogContentContainer from '../../App/Shared/Components/AutoFocusDialogContentContainer/AutoFocusDialogContentContainer';
+import { useDialogId } from '../../App/Shared/Hooks/useDialogId';
 
 export const customDialogStyle = theme => {
     const {
@@ -21,17 +24,25 @@ export const customDialogStyle = theme => {
                     maxWidth: 720,
                 },
                 '& .MuiDialogTitle-root': {
-                    paddingTop: 20,
-                    paddingBottom: 15,
-                    '& p, h2': {
+                    paddingTop: theme.spacing(2),
+                    paddingBottom: theme.spacing(2),
+                    '& .MuiTypography-root': {
                         fontSize: 24,
                         fontWeight: 'bold',
                         letterSpacing: 'normal',
-                        marginRight: 28,
+                        display: 'flex',
+                        justifyContent: 'space-between',
+                        alignItems: 'center',
                     },
                 },
                 '& .MuiDialogActions-root': {
                     paddingBottom: 24,
+
+                    '& .MuiButton-root': {
+                        height: 40,
+                        textTransform: 'none',
+                        minWidth: 140,
+                    },
                 },
                 '& .MuiDialogTitle-root, .MuiDialogContent-root, .MuiDialogActions-root': {
                     paddingLeft: smallScreen.centeredDialogPadding,
@@ -42,45 +53,47 @@ export const customDialogStyle = theme => {
                     },
                 },
             },
-            '& .MuiButton-root': {
-                height: 40,
-                textTransform: 'none',
-                minWidth: 140,
-            },
-        },
-        stickyDialog: {
-            '& .MuiDialog-container': {
-                '& .MuiDialogTitle-root': {
-                    paddingTop: 25,
-                    paddingBottom: 8,
-                },
-            },
-            '& .MuiButton-root': {
-                width: '100%',
-                height: 56,
-                minWidth: 64,
-            },
         },
-        closeIcon: {
-            position: 'absolute',
-            right: 28,
-            top: 28,
+    };
+};
 
-            [theme.breakpoints.down('xs')]: {
-                right: 20,
-                top: 30,
-            },
+const customDialogHeaderStyle = theme => ({
+    closeButton: {
+        marginLeft: 'auto',
+        marginRight: theme.spacing(1),
+        marginTop: theme.spacing(1),
+    },
+    dialogHeader: {
+        display: 'flex',
+        alignItems: 'start',
+    },
+    dialogTitle: {
+        flex: 1,
+    },
+});
 
-            '&:hover': {
-                cursor: 'pointer',
-            },
-        },
-    };
+export const CustomDialogHeader = withStyles(customDialogHeaderStyle, { name: 'CustomDialogHeader' })(
+    ({ classes, dialogTitle, dialogTitleId, onClose, children }) => (
+        <div className={classes.dialogHeader}>
+            <DialogTitle className={classes.dialogTitle} id={dialogTitleId}>
+                {dialogTitle}
+            </DialogTitle>
+            {children}
+            <IconButton onClick={onClose} className={classes.closeButton}>
+                <CustomDialogHeader.IconComponent />
+            </IconButton>
+        </div>
+    )
+);
+CustomDialogHeader.IconComponent = function CloseIcon() {
+    return <Icon>close</Icon>;
 };
 
-export default withWidth({ initialWidth: 'xl' })(
+export const CustomDialog = withWidth({ initialWidth: 'xl' })(
     withStyles(customDialogStyle, { name: 'CustomDialog' })(
         ({ className, classes, width, dialogTitle, onCancel, children, fullScreen, ...props }) => {
+            const { open } = props;
+            const { dialogTitleId } = useDialogId();
             return (
                 <Dialog
                     maxWidth={width === 'md' || width === 'lg' || width === 'xl' ? 'md' : 'sm'}
@@ -91,17 +104,21 @@ export default withWidth({ initialWidth: 'xl' })(
                     }}
                     className={className + ' ' + (width === 'xs' ? classes.stickyDialog : '')}
                     fullScreen={fullScreen}
+                    aria-labelledby={dialogTitleId}
                     {...props}
                 >
-                    <DialogTitle id="alert-dialog-title">
-                        {dialogTitle}
-                        <Icon className={classes.closeIcon} onClick={onCancel}>
-                            close
-                        </Icon>
-                    </DialogTitle>
-                    {children}
+                    <CustomDialog.DialogHeaderComponent
+                        dialogTitle={dialogTitle}
+                        dialogTitleId={dialogTitleId}
+                        onClose={onCancel}
+                    />
+                    <AutoFocusDialogContentContainer open={open}>{children}</AutoFocusDialogContentContainer>
                 </Dialog>
             );
         }
     )
 );
+
+CustomDialog.DialogHeaderComponent = CustomDialogHeader;
+
+export default CustomDialog;

package/App/Modules/Creator/Components/LoginForm/Styles.scss

@@ -1,9 +0,0 @@
-.loginform {
-  &.hide {
-    display: none;
-  }
-
-  .loginform-error {
-    clear: both;
-  }
-}

package/App/Modules/Creator/Components/LoginForm/index.js

@@ -1,91 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.LoginForm = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _i18n = require("../../../../../Framework/i18n");
-require("./Styles.scss");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var LoginForm = exports.LoginForm = /*#__PURE__*/function (_React$Component) {
-  _inherits(LoginForm, _React$Component);
-  var _super = _createSuper(LoginForm);
-  function LoginForm() {
-    var _this;
-    _classCallCheck(this, LoginForm);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "onLogin", function (e) {
-      e.preventDefault();
-      _this.props.onLogin(_this.usernameInput.value, _this.passwordInput.value);
-    });
-    return _this;
-  }
-  _createClass(LoginForm, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      // catch the click events within the error container
-      this.errorContainer.addEventListener('click', function (e) {
-        e.preventDefault();
-        e.target.href && window.open(e.target.href);
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        show = _this$props.show,
-        profile = _this$props.profile;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: 'loginform' + (show ? ' show' : ' hide')
-      }, /*#__PURE__*/_react["default"].createElement("div", null, this.t('loginForm.infoText')), /*#__PURE__*/_react["default"].createElement("form", {
-        onSubmit: this.onLogin
-      }, /*#__PURE__*/_react["default"].createElement("input", {
-        type: "text",
-        ref: function ref(el) {
-          return _this2.usernameInput = el;
-        },
-        placeholder: this.t('loginForm.username')
-      }), /*#__PURE__*/_react["default"].createElement("input", {
-        type: "password",
-        ref: function ref(el) {
-          return _this2.passwordInput = el;
-        },
-        placeholder: this.t('loginForm.password')
-      }), /*#__PURE__*/_react["default"].createElement("button", {
-        type: "submit",
-        className: "primary-button loginform-loginButton"
-      }, this.t('loginForm.loginButton'))), /*#__PURE__*/_react["default"].createElement("div", {
-        ref: function ref(el) {
-          return _this2.errorContainer = el;
-        }
-      }, profile.error && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "loginform-error",
-        dangerouslySetInnerHTML: {
-          __html: profile.error instanceof Object ? JSON.stringify(profile.error) : profile.error
-        }
-      })));
-    }
-  }]);
-  return LoginForm;
-}(_react["default"].Component);
-var _default = exports["default"] = (0, _i18n.translateComponent)(LoginForm);

package/App/Modules/Creator/Components/SavedConfiguration/Styles.scss

@@ -1,19 +0,0 @@
-@media screen {
-  .savedconfiguration {
-    display: none;
-  }
-}
-
-@media print {
-  .savedconfiguration {
-    padding-top: 30px;
-
-    .savedconfiguration-code {
-      font-size: 26px;
-      font-weight: bold;
-    }
-    .savedconfiguration-link {
-      font-weight: bold;
-    }
-  }
-}

package/App/Modules/Creator/Components/SavedConfiguration/index.js

@@ -1,50 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-require("./Styles.scss");
-var _get = _interopRequireDefault(require("lodash/get"));
-var _i18n = require("../../../../../Framework/i18n");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-var SavedConfiguration = /*#__PURE__*/function (_React$Component) {
-  _inherits(SavedConfiguration, _React$Component);
-  var _super = _createSuper(SavedConfiguration);
-  function SavedConfiguration() {
-    _classCallCheck(this, SavedConfiguration);
-    return _super.apply(this, arguments);
-  }
-  _createClass(SavedConfiguration, [{
-    key: "render",
-    value: function render() {
-      var savedconfiguration = this.props.savedconfiguration;
-      var code = (0, _get["default"])(savedconfiguration, 'code', false);
-      var link = (0, _get["default"])(savedconfiguration, 'shareLink', false);
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "savedconfiguration"
-      }, code && /*#__PURE__*/_react["default"].createElement("div", null, (0, _i18n.T)('savedConfiguration.code'), " ", /*#__PURE__*/_react["default"].createElement("span", {
-        className: "savedconfiguration-code"
-      }, code)), link && /*#__PURE__*/_react["default"].createElement("div", null, (0, _i18n.T)('savedConfiguration.sharingLink'), ' ', /*#__PURE__*/_react["default"].createElement("span", {
-        className: "savedconfiguration-link"
-      }, link)));
-    }
-  }]);
-  return SavedConfiguration;
-}(_react["default"].Component);
-var _default = exports["default"] = SavedConfiguration;

package/App/Modules/Creator/Components/ShareConfiguration/Styles.scss

@@ -1,23 +0,0 @@
-.shareconfiguration {
-
-  .shareconfiguration-link {
-    padding: 10px 0;
-    text-align: center;
-    font-weight: bold;
-    display: block;
-  }
-
-  .shareconfiguration-media {
-    text-align: center;
-    font-size: 2em;
-
-    a {
-      padding: 0 15px;
-    }
-  }
-
-  .hidden-email-share-iframe {
-    visibility: hidden;
-    position: absolute;
-  }
-}