@configuratorware/configurator-admingui 1.30.3 → 1.31.0

package/src/Screens/Client/Containers/Edit.js

@@ -1,7 +1,6 @@
 import Actions, { REDUCER_NAME } from '../Reducers/Actions';
 import SimpleNestedData from '../../../Components/FormFragments/SimpleNestedData';
 import generateConnectedEdit from '../../../Components/DefaultConnectedForm';
-import TextFields from '../Components/TextFields';
 import ColorTextField from '../Components/ColorTextField';
 import { t } from '../../../App/i18n';
 import React from 'react';
@@ -139,8 +138,22 @@ const formFields = [
         dynamicDefaultLabel: false
     },
     {
-        type: TextFields,
         name: 'texts',
+        label: 'termsAndConditionsLink',
+        type: 'intl',
+        intl: {
+            name: 'termsAndConditionsLink',
+            type: 'text',
+        },
+    },
+    {
+        name: 'texts',
+        label: 'dataPrivacyLink',
+        type: 'intl',
+        intl: {
+            name: 'dataPrivacyLink',
+            type: 'text',
+        },
     },
     {
         name: 'channels',

package/src/Screens/Client/Translations.js

@@ -5,6 +5,7 @@ require('../../App/i18n').use(
             Users: 'Users',
             'Theme - Highlight color': 'Theme - Highlight color',
             termsAndConditionsLink: 'Terms and conditions link',
+            dataPrivacyLink: 'Data privacy Link',
             themeColorError: 'Please enter a valid hex color (e.g. #0000ff)"',
             client: {
                 addButtonLabel: 'Add Client',
@@ -21,7 +22,8 @@ require('../../App/i18n').use(
             Users: 'Benutzer',
             'Theme - Highlight color': 'Theme - Highlightfarbe',
             'Theme - Font': 'Theme - Font',
-            termsAndConditionsLink: 'Terms and conditions link',
+            termsAndConditionsLink: 'Link zu den Nutzungsbedingungen',
+            dataPrivacyLink: 'Link zu den Datenschutzbestimmungen',
             'Clientname / Shopname': 'Bezeichner/ Shopname',
             'E-mail (contact)': 'E-Mail (Kontakt)',
             'Street / no': 'Straße / Hausnummer',

package/src/Screens/Creator/Components/VisualizationAndMediaData/Components/ImageEditTools.js

@@ -7,8 +7,10 @@ import { t } from '../../../../../App/i18n';
 import ConfirmDelete from './ConfirmDelete';
 import Api from '../../../../../App/Api';
 import { networkError } from '../../../../../App/Reducers/Api/Actions';
+import { showErrorMessage, cancelErrorMessage } from '../../../../../App/Reducers/Frame/Actions';
 import { useDispatch } from 'react-redux';
 import { Tooltip } from '@material-ui/core';
+import FileDrop from 'react-file-drop';
 
 const ImageEditTools = withStyles({
     root: {
@@ -17,18 +19,32 @@ const ImageEditTools = withStyles({
     fileInput: {
         display: 'none',
     },
+    fileDrop: {
+        position: 'absolute',
+        top: 0,
+        left: '50%',
+        width: 150,
+        marginLeft: -75,
+        height: 100,
+    },
 })(({ classes, className, deleteEnabled, uploadUrl, removeUrl, onUpdate }) => {
     const fileInputRef = useRef(null);
     const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);
     const dispatch = useDispatch();
 
     const uploadImage = async image => {
+        const allowedFormats = ['image/jpeg', 'image/jpg', 'image/png'];
+
         if (!uploadUrl) {
             throw new Error('uploadUrl is not provided!');
         }
+        if (allowedFormats.indexOf(image.type) === -1) {
+            return dispatch(showErrorMessage(t('visualizationAndMediaData.unsupportedFileTypeError')));
+        }
         try {
             const data = new FormData();
             data.append('file', image);
+            dispatch(cancelErrorMessage());
             return await Api.request({ method: 'post', url: uploadUrl, data });
         } catch (e) {
             dispatch(networkError('image', 'image', e));
@@ -46,47 +62,56 @@ const ImageEditTools = withStyles({
     };
 
     return (
-        <div className={`${classes.root} ${className}`}>
-            <input
-                ref={fileInputRef}
-                type="file"
-                accept="image/jpeg, image/png"
-                className={classes.fileInput}
-                onChange={async evt => {
-                    if (evt.target.files.length) {
-                        await uploadImage(evt.target.files[0]);
-                        onUpdate && onUpdate();
-                    }
-                }}
-            />
-            <label>
-                <Tooltip title={t('visualizationAndMediaData.imageAddTooltip')}>
-                    <IconButton onClick={() => fileInputRef.current.click()}>
-                        <ImageSearchIcon />
-                    </IconButton>
-                </Tooltip>
-            </label>
-            {deleteEnabled && (
-                <Tooltip title={t('visualizationAndMediaData.imageDeleteTooltip')}>
-                    <IconButton onClick={() => setShowDeleteConfirm(true)}>
-                        <DeleteIcon />
-                    </IconButton>
-                </Tooltip>
-            )}
+        <FileDrop
+            className={classes.fileDrop}
+            onDrop={async files => {
+                await uploadImage(files[0]);
+                onUpdate && onUpdate();
+            }}
+            multiple={false}
+        >
+            <div className={`${classes.root} ${className}`}>
+                <input
+                    ref={fileInputRef}
+                    type="file"
+                    accept="image/jpeg, image/png"
+                    className={classes.fileInput}
+                    onChange={async evt => {
+                        if (evt.target.files.length) {
+                            await uploadImage(evt.target.files[0]);
+                            onUpdate && onUpdate();
+                        }
+                    }}
+                />
+                <label>
+                    <Tooltip title={t('visualizationAndMediaData.imageAddTooltip')}>
+                        <IconButton onClick={() => fileInputRef.current.click()}>
+                            <ImageSearchIcon />
+                        </IconButton>
+                    </Tooltip>
+                </label>
+                {deleteEnabled && (
+                    <Tooltip title={t('visualizationAndMediaData.imageDeleteTooltip')}>
+                        <IconButton onClick={() => setShowDeleteConfirm(true)}>
+                            <DeleteIcon />
+                        </IconButton>
+                    </Tooltip>
+                )}
 
-            <ConfirmDelete
-                open={showDeleteConfirm}
-                onCancel={() => setShowDeleteConfirm(false)}
-                onConfirm={async () => {
-                    await removeImage();
-                    setShowDeleteConfirm(false);
-                    onUpdate && onUpdate();
-                }}
-                title={t('visualizationAndMediaData.imageDeleteConfirm.title')}
-                message={t('visualizationAndMediaData.imageDeleteConfirm.message')}
-            />
-        </div>
+                <ConfirmDelete
+                    open={showDeleteConfirm}
+                    onCancel={() => setShowDeleteConfirm(false)}
+                    onConfirm={async () => {
+                        await removeImage();
+                        setShowDeleteConfirm(false);
+                        onUpdate && onUpdate();
+                    }}
+                    title={t('visualizationAndMediaData.imageDeleteConfirm.title')}
+                    message={t('visualizationAndMediaData.imageDeleteConfirm.message')}
+                />
+            </div>
+        </FileDrop>
     );
 });
 
-export default ImageEditTools;
+export default ImageEditTools;

package/src/Screens/Creator/Components/VisualizationAndMediaData/Translations.js

@@ -44,6 +44,7 @@ require('../../../../App/i18n').use(
                     title: 'Delete image',
                     message: 'Do you really want to delete this image?',
                 },
+                unsupportedFileTypeError: 'Unsupported file format',
             },
         },
         de: {
@@ -92,6 +93,7 @@ require('../../../../App/i18n').use(
                     title: 'Bild löschen',
                     message: 'Möchtest du dieses Bild wirklich löschen?',
                 },
+                unsupportedFileTypeError: 'Nicht unterstütztes Dateiformat',
             },
         },
     },

package/src/Screens/Creator/Components/VisualizationAndMediaData/VisualizationAndMediaData.js

@@ -70,6 +70,7 @@ const ImageTile = withStyles(theme => ({
     return (
         <div className={classes.imageTile}>
             {expectedSrc ? <PathStructure path={expectedSrc} /> : <Image src={src} />}
+
             {uploadUrl && removeUrl && (
                 <ImageEditTools
                     className={classes.imageEditTools}

package/src/Screens/Creator/Components/VisualizationAndMediaData/VisualizationAndMediaData.test.js

@@ -3,6 +3,7 @@ import { act } from 'react-dom/test-utils';
 import { VisualizationAndMediaData } from './VisualizationAndMediaData';
 import { mount, render } from 'enzyme';
 import FormControl from '@material-ui/core/FormControl';
+jest.mock('react-file-drop', () => props => <div>{props.children}</div>);
 
 const mockDispatch = jest.fn();
 jest.mock('react-redux', () => ({

package/src/Screens/CurrentClient/Containers/Edit.js

@@ -1,7 +1,6 @@
 import Actions, { REDUCER_NAME } from '../Reducers/Actions';
 import SimpleNestedData from '../../../Components/FormFragments/SimpleNestedData';
 import generateConnectedEdit from '../../../Components/DefaultConnectedForm';
-import TextFields from '../../Client/Components/TextFields';
 import { withLoadAction } from '../../../Components/withLoadAction';
 import { t } from '../../../App/i18n';
 import { CallToActionField } from '../../../Components/CallToActionField';
@@ -108,8 +107,22 @@ const formFields = [
         dynamicDefaultLabel: false
     },
     {
-        type: TextFields,
         name: 'texts',
+        label: 'termsAndConditionsLink',
+        type: 'intl',
+        intl: {
+            name: 'termsAndConditionsLink',
+            type: 'text',
+        },
+    },
+    {
+        name: 'texts',
+        label: 'Title',
+        type: 'dataPrivacyLink',
+        intl: {
+            name: 'dataPrivacyLink',
+            type: 'text',
+        },
     },
     {
         name: 'customCss',

package/src/Screens/CurrentClient/Reducers/Reducer.js

@@ -7,7 +7,7 @@ const initialState = {
     ...getDefaultEntityState(
         {
             id: null,
-            texts: { value: [], constraints: { presence: true } },
+            texts: { value: [] },
             theme: {
                 value: {},
                 schema: {

package/src/Screens/DefaultClient/Containers/Edit.js

@@ -3,7 +3,6 @@ import generateConnectedEdit from '../../../Components/DefaultConnectedForm';
 import { withLoadAction } from '../../../Components/withLoadAction';
 import SimpleNestedData from '../../../Components/FormFragments/SimpleNestedData';
 import { t, T } from '../../../App/i18n';
-import TextFields from '../../Client/Components/TextFields';
 import PdfMarkDownField from '../../Client/Components/PdfMarkdownField';
 
 const formFields = [
@@ -124,8 +123,22 @@ const formFields = [
         ],
     },
     {
-        type: TextFields,
         name: 'texts',
+        label: 'termsAndConditionsLink',
+        type: 'intl',
+        intl: {
+            name: 'termsAndConditionsLink',
+            type: 'text',
+        },
+    },
+    {
+        name: 'texts',
+        label: 'dataPrivacyLink',
+        type: 'intl',
+        intl: {
+            name: 'dataPrivacyLink',
+            type: 'text',
+        },
     },
     {
         name: 'customCss',

package/src/Screens/DefaultClient/Reducers/Reducer.js

@@ -12,7 +12,7 @@ const initialState = {
             theme: {
                 value: {},
                 schema: {
-                    highlightColor: { value: '', constraints: { presence: true } },
+                    highlightColor: { value: '' },
                     logo: { value: '' },
                     font: { value: '' },
                 },

package/src/Screens/Group/Reducers/Actions.js

@@ -7,6 +7,6 @@ import { generateDefaultActions } from '../../../App/Reducers/Entity/Actions';
 
 const actions = generateDefaultActions(LIST_KEY, DATA_KEY, REDUCER_NAME, GROUPS_URL);
 
-export const { hideDetails, loadEntity } = actions;
+export const { hideDetails, loadEntity, postData } = actions;
 
 export default actions;

package/src/Screens/Item/Components/Variants/VariantsEditor.js

@@ -8,6 +8,7 @@ import TableHead from '@material-ui/core/TableHead';
 import TableRow from '@material-ui/core/TableRow';
 import Checkbox from '@material-ui/core/Checkbox/Checkbox';
 import TablePagination from '@material-ui/core/TablePagination';
+import uniq from 'lodash/uniq';
 import { addReduxListener, removeReduxListener } from '../../../../App/ReduxListener';
 import { t } from '../../../../App/i18n';
 import Actions, { ITEM_REDUCER_NAME } from '../../Reducers/Actions';
@@ -64,7 +65,7 @@ const getGroupsFromChildren = children => {
         }
     }
 
-    return { groups, groupIdsInOrder };
+    return { groups, groupIdsInOrder: uniq(groupIdsInOrder) };
 };
 
 const prepareDataForRendering = children => {
@@ -222,7 +223,7 @@ class VariantsEditor extends Component {
 
         this.setState({
             groups,
-            groupIdsInOrder,
+            groupIdsInOrder: uniq(groupIdsInOrder),
         });
     };
 

package/src/Screens/Item/Components/Variants/VariantsEditorPopup.js

@@ -8,6 +8,7 @@ import * as GroupActions from '../../../Group/Reducers/Actions';
 import * as GroupEntryActions from '../../../GroupEntry/Reducers/Actions';
 
 import { T } from '../../../../App/i18n';
+import { resetDidInvalidate } from '../../../../App/Reducers/Api/Actions';
 
 export class VariantsEditorPopup extends React.Component {
     render() {
@@ -21,7 +22,11 @@ export class VariantsEditorPopup extends React.Component {
                     open={showGroupEditor}
                     scroll={'paper'}
                 >
-                    <GroupEdit onCancel={this.props.cancelGroup} closeAfterSave />
+                    <GroupEdit
+                        customPostData={this.props.customPostData}
+                        onCancel={this.props.cancelGroup}
+                        closeAfterSave
+                    />
                 </Dialog>
 
                 <Dialog
@@ -51,6 +56,11 @@ const renderDispatchToProps = dispatch => ({
     cancelGroup: () => {
         dispatch(GroupActions.hideDetails(false));
     },
+    customPostData: async () => {
+        await dispatch(GroupActions.postData(true));
+        // need to reset didInvalidate flag as it is set on save of group which is blocking to reloadList
+        dispatch(resetDidInvalidate(GroupActions.GROUPS_URL));
+    },
     cancelGroupEntry: () => {
         dispatch(GroupEntryActions.hideDetails(false));
     },

package/src/Screens/Login/Reducers/Actions.js

@@ -49,11 +49,7 @@ const errorHandler = dispatch => error => {
 };
 
 export const postLoginData = (username, password) => dispatch => {
-    const data = new ObjectFormData({
-        _username: username,
-        _password: password,
-    });
-    return dispatchPostData(dispatch)(LOGIN_DATA_KEY, 'login_check', data).then(apiAction => {
+    return dispatchPostData(dispatch)(LOGIN_DATA_KEY, 'login_check', {username, password}).then(apiAction => {
         return dispatch(apiActionHandler(apiAction, receiveHandler, errorHandler));
     });
 };

package/Screens/Client/Components/TextFields.js

@@ -1,163 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _find = _interopRequireDefault(require("lodash/find"));
-
-var _TextField = _interopRequireDefault(require("@material-ui/core/TextField/TextField"));
-
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography/Typography"));
-
-var _i18n = require("../../../App/i18n");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-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, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); 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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || 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; } 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 : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var TextFields = /*#__PURE__*/function (_Component) {
-  _inherits(TextFields, _Component);
-
-  var _super = _createSuper(TextFields);
-
-  function TextFields() {
-    var _this;
-
-    _classCallCheck(this, TextFields);
-
-    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), "onTextChange", function (textId) {
-      return function (_ref) {
-        var termsAndConditionsLink = _ref.target.value;
-        var _this$props = _this.props,
-            texts = _this$props.value,
-            name = _this$props.name,
-            onChange = _this$props.onChange;
-        var newTexts = texts.map(function (text) {
-          if (text.id !== textId) {
-            return text;
-          }
-
-          return _objectSpread(_objectSpread({}, text), {}, {
-            termsAndConditionsLink: termsAndConditionsLink
-          });
-        });
-        onChange(name, newTexts);
-      };
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "getGroupedTexts", function () {
-      var value = _this.props.value;
-      var groupedTexts = [];
-
-      var _iterator = _createForOfIteratorHelper(value),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var text = _step.value;
-          var group = (0, _find["default"])(groupedTexts, {
-            id: text.channel.id
-          });
-
-          if (!group) {
-            group = {
-              id: text.channel.id,
-              identifier: text.channel.identifier,
-              texts: []
-            };
-            groupedTexts.push(group);
-          }
-
-          group.texts.push({
-            id: text.id,
-            language: text.language,
-            termsAndConditionsLink: text.termsAndConditionsLink
-          });
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-
-      return groupedTexts;
-    });
-
-    return _this;
-  }
-
-  _createClass(TextFields, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var groupedTexts = this.getGroupedTexts();
-      return groupedTexts.length ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, (0, _i18n.t)('Texts')), groupedTexts.map(function (group, groupIndex) {
-        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
-          key: groupIndex
-        }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-          variant: "overline"
-        }, group.identifier), group.texts.map(function (text, textIndex) {
-          return /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
-            key: textIndex,
-            label: "".concat((0, _i18n.t)('termsAndConditionsLink'), " ").concat(text.language),
-            onChange: _this2.onTextChange(text.id),
-            value: text.termsAndConditionsLink || '',
-            fullWidth: true,
-            margin: "normal"
-          });
-        }));
-      })) : null;
-    }
-  }]);
-
-  return TextFields;
-}(_react.Component);
-
-exports["default"] = TextFields;

package/src/Screens/Client/Components/TextFields.js

@@ -1,77 +0,0 @@
-import React, { Component } from 'react';
-import find from 'lodash/find';
-import TextField from '@material-ui/core/TextField/TextField';
-import Typography from '@material-ui/core/Typography/Typography';
-import { t } from '../../../App/i18n';
-
-export default class TextFields extends Component {
-    onTextChange = textId => ({ target: { value: termsAndConditionsLink } }) => {
-        const { value: texts, name, onChange } = this.props;
-
-        const newTexts = texts.map(text => {
-            if (text.id !== textId) {
-                return text;
-            }
-
-            return {
-                ...text,
-                termsAndConditionsLink,
-            };
-        });
-
-        onChange(name, newTexts);
-    };
-
-    getGroupedTexts = () => {
-        const { value } = this.props;
-
-        const groupedTexts = [];
-
-        for (const text of value) {
-            let group = find(groupedTexts, { id: text.channel.id });
-
-            if (!group) {
-                group = {
-                    id: text.channel.id,
-                    identifier: text.channel.identifier,
-                    texts: [],
-                };
-
-                groupedTexts.push(group);
-            }
-
-            group.texts.push({
-                id: text.id,
-                language: text.language,
-                termsAndConditionsLink: text.termsAndConditionsLink,
-            });
-        }
-
-        return groupedTexts;
-    };
-
-    render() {
-        const groupedTexts = this.getGroupedTexts();
-
-        return groupedTexts.length ? (
-            <div>
-                <Typography>{t('Texts')}</Typography>
-                {groupedTexts.map((group, groupIndex) => (
-                    <React.Fragment key={groupIndex}>
-                        <Typography variant="overline">{group.identifier}</Typography>
-                        {group.texts.map((text, textIndex) => (
-                            <TextField
-                                key={textIndex}
-                                label={`${t('termsAndConditionsLink')} ${text.language}`}
-                                onChange={this.onTextChange(text.id)}
-                                value={text.termsAndConditionsLink || ''}
-                                fullWidth
-                                margin="normal"
-                            />
-                        ))}
-                    </React.Fragment>
-                ))}
-            </div>
-        ) : null;
-    }
-}