@configuratorware/configurator-admingui 1.28.1 → 1.29.0

package/Screens/DesignProductionMethods/Reducers/DesignProductionMethodsReducer.js

@@ -0,0 +1,160 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.designProductionMethodsData = void 0;
+
+var _Actions = require("./Actions");
+
+var _Reducer = require("../../../App/Reducers/Entity/Reducer");
+
+var _FeatureReducers = require("../../../App/FeatureReducers");
+
+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 _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 initialState = _objectSpread({}, (0, _Reducer.getDefaultEntityState)({
+  id: null,
+  identifier: {
+    value: '',
+    constraints: {
+      presence: true
+    }
+  },
+  texts: {
+    value: []
+  },
+  options: {
+    value: {},
+    schema: {
+      vectorsRequired: {
+        value: false
+      },
+      visualizationEffect: {
+        value: 'print',
+        constraints: {
+          presence: false
+        }
+      },
+      maxColorAmount: {
+        value: 0,
+        constraints: {
+          numericality: {
+            strict: true,
+            onlyInteger: true,
+            greaterThanOrEqualTo: 0
+          }
+        }
+      },
+      minFontSize: {
+        value: 1,
+        constraints: {
+          numericality: {
+            strict: true,
+            onlyInteger: true,
+            greaterThanOrEqualTo: 1
+          }
+        }
+      }
+    }
+  },
+  colorPalettes: {
+    value: [],
+    schema: {
+      id: {
+        value: null
+      },
+      identifier: {
+        value: ''
+      },
+      title: {
+        value: ''
+      }
+    }
+  },
+  customData: {
+    value: {}
+  },
+  calculationTypes: {
+    value: [],
+    schema: {
+      id: {
+        value: null
+      },
+      identifier: {
+        value: ''
+      },
+      colorAmountDependent: {
+        value: false
+      },
+      itemAmountDependent: {
+        value: false
+      },
+      bulkNameDependent: {
+        value: false
+      },
+      selectableByUser: {
+        value: false
+      },
+      pricePerItem: {
+        value: false
+      },
+      texts: {
+        value: []
+      },
+      prices: {
+        value: [],
+        schema: {
+          id: {
+            value: null
+          },
+          price: {
+            value: null
+          },
+          priceNet: {
+            value: null
+          },
+          channel: {
+            value: null,
+            constraints: {
+              presence: true
+            }
+          },
+          colorAmountFrom: {
+            value: 1,
+            constraints: {
+              presence: true
+            }
+          },
+          amountFrom: {
+            value: 1
+          }
+        }
+      }
+    }
+  }
+}, {
+  dependencies: [{
+    name: 'CalculationTypes',
+    dataKey: 'CalculationTypes',
+    source: 'designerglobalcalculationtypes'
+  }, {
+    name: 'channels',
+    dataKey: 'channels',
+    source: 'channels'
+  }]
+}, _Actions.DATA_KEY));
+
+var designProductionMethodsData = (0, _FeatureReducers.createFeatureReducer)(_Actions.REDUCER_NAME, function () {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
+  var action = arguments.length > 1 ? arguments[1] : undefined;
+  state = (0, _Reducer.defaultEntityReducer)(state, action, initialState);
+  return state;
+});
+exports.designProductionMethodsData = designProductionMethodsData;
+var _default = designProductionMethodsData;
+exports["default"] = _default;

package/Screens/DesignProductionMethods/Screen.js

@@ -0,0 +1,30 @@
+"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 _Actions = _interopRequireWildcard(require("./Reducers/Actions"));
+
+var _List = _interopRequireDefault(require("./Containers/List"));
+
+var _Edit = _interopRequireDefault(require("./Containers/Edit"));
+
+require("./Translations");
+
+require("../Item/Translations");
+
+var _DefaultConnectedScreen = require("../../Components/DefaultConnectedScreen");
+
+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; }
+
+var _default = (0, _DefaultConnectedScreen.generateConnectedSplitScreen)('designProductionMethods', _List["default"], _Edit["default"], _Actions.REDUCER_NAME, _Actions["default"].invalidateList, _Actions["default"].triggerUnsavedEntity, _Actions["default"].hideDetails);
+
+exports["default"] = _default;

package/Screens/DesignProductionMethods/Translations.js

@@ -0,0 +1,74 @@
+"use strict";
+
+require("../../App/i18n").use({
+  en: {
+    designProductionMethods: 'Production Methods',
+    calculationType: 'Calculation',
+    colorPalettes: 'Color palettes',
+    colorAmountDependent: 'Multiply with color amount',
+    itemAmountDependent: 'Multiply with item amount',
+    pricePerItem: 'Define price per item',
+    bulkNameDependent: 'Bulk name dependent',
+    selectableByUser: 'Selectable by the user',
+    'Price Net': 'Price Net',
+    Price: 'Price',
+    'Visualization Effect': 'Visualization Effect',
+    visualizationEffect: {
+      noEffect: 'no effect',
+      engraving: 'engraving',
+      embossing: 'embossing',
+      color_embossing: 'color embossing',
+      embroidery: 'embroidery',
+      doming: 'doming'
+    },
+    'Vectors Required': 'Vectors Required',
+    'Maximum Color Amount': 'Maximum Color Amount',
+    'Minimum Font Size': 'Minimum Font Size',
+    'Has Engraving Background Colors': 'Has Engraving Background Colors',
+    designProductionMethod: {
+      addButtonLabel: 'Add Production Method',
+      calculation: {
+        addButtonLabel: 'Add Calculation'
+      },
+      prices: {
+        addButtonLabel: 'Add Price'
+      },
+      minimumFontSizeHint: 'in px - Example: 20px are 1.7mm for 300dpi <a href="https://demos.configuratorware.com/docs/admingui/index.html#minimum-font-size" target="_blank">see documentation</a>'
+    }
+  },
+  de: {
+    designProductionMethods: 'Produktionsverfahren',
+    calculationType: 'Kalkulation',
+    colorPalettes: 'Farbpaletten',
+    colorAmountDependent: 'Mit Farbanzahl multiplizieren',
+    itemAmountDependent: 'Mit Produktanzahl multiplizieren',
+    pricePerItem: 'Preis pro Artikel definieren',
+    bulkNameDependent: 'Abhängig von Einzelnamen',
+    selectableByUser: 'Vom User wählbar',
+    'Price Net': 'Nettopreis',
+    Price: 'Preis',
+    'Visualization Effect': 'Visualization Effect',
+    visualizationEffect: {
+      noEffect: 'kein Effekt',
+      engraving: 'Gravur',
+      embossing: 'Prägung',
+      color_embossing: 'Farbprägung',
+      embroidery: 'Stick',
+      doming: 'Doming'
+    },
+    'Vectors Required': 'Erfordert Vektorisierung',
+    'Maximum Color Amount': 'Maximale Farbanzahl',
+    'Minimum Font Size': 'Minimale Schriftgröße',
+    'Has Engraving Background Colors': 'Hat Gravur-Hintergrundfarben',
+    designProductionMethod: {
+      addButtonLabel: 'Produktionsverfahren hinzufügen',
+      calculation: {
+        addButtonLabel: 'Kalkulation hinzufügen'
+      },
+      prices: {
+        addButtonLabel: 'Preis hinzufügen'
+      },
+      minimumFontSizeHint: 'in px - Beispiel: 20px sind 1.7mm for 300dpi <a href="https://demos.configuratorware.com/docs/admingui/index.html#minimum-font-size" target="_blank">siehe Dokumentation</a>'
+    }
+  }
+}, true);

package/Screens/DesignProductionMethods/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _Screen = _interopRequireDefault(require("./Screen"));
+
+var _DesignProductionMethodsReducer = _interopRequireDefault(require("./Reducers/DesignProductionMethodsReducer"));
+
+var _FeatureReducers = require("../../App/FeatureReducers");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+(0, _FeatureReducers.addReducers)([_DesignProductionMethodsReducer["default"]]);
+var _default = {
+  Screen: _Screen["default"]
+};
+exports["default"] = _default;

package/Screens/DesignTemplateEditor/Containers/List.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createConnectedList = exports.columns = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Actions = require("../../ConfigurationTypeEditor/Reducers/Actions");
+
+var _DefaultConnectedList = require("../../../Components/DefaultConnectedList");
+
+var _DefaultList = _interopRequireDefault(require("../../../Components/DefaultList"));
+
+var _List = _interopRequireDefault(require("../../../Components/List"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var columns = [{
+  name: 'code',
+  label: 'Code',
+  filterable: true,
+  sortable: true
+}, {
+  name: 'item',
+  label: 'Item',
+  filterable: true,
+  sortable: true,
+  filterKey: 'configuration.item',
+  sortKey: 'configuration.item',
+  renderValue: function renderValue(itemObj) {
+    return itemObj && itemObj.title;
+  }
+}, {
+  name: 'date_created',
+  label: 'Date',
+  filterable: true,
+  sortable: true,
+  filterKey: 'configuration.date_created',
+  sortKey: 'configuration.date_created',
+  renderValue: function renderValue(dateObj) {
+    return dateObj && dateObj.date.replace(/\.0+$/, '');
+  }
+}, {
+  name: 'previewImageURL',
+  label: 'Thumbnail',
+  renderValue: function renderValue(value) {
+    return /*#__PURE__*/_react["default"].createElement("img", {
+      src: value
+    });
+  }
+}];
+exports.columns = columns;
+var listParams = {
+  entity: 'configuration',
+  addButtonLabel: 'designtemplate.addButtonLabel',
+  orderby: 'configuration.date_created',
+  orderdir: 'desc'
+};
+
+var ConfigurationTypeEditorListBinder = function ConfigurationTypeEditorListBinder(props) {
+  return /*#__PURE__*/_react["default"].createElement(_DefaultList["default"], _extends({
+    List: _List["default"],
+    columns: columns,
+    listParams: listParams
+  }, props));
+};
+
+var createConnectedList = function createConnectedList(reducerName, Actions) {
+  return (0, _DefaultConnectedList.connectDefault)(ConfigurationTypeEditorListBinder, _Actions.CONFIGURATION_LIST_KEY, Actions.listAction, Actions.detailsAction, Actions.hideDetails, Actions.showDetails, Actions.createEntity, Actions.deleteEntities, {
+    reducerName: reducerName
+  });
+};
+
+exports.createConnectedList = createConnectedList;

package/Screens/DesignTemplateEditor/Reducers/Actions.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _Actions = require("../../ConfigurationTypeEditor/Reducers/Actions");
+
+var filters = {
+  'configuration.configurationtype.identifier': _Actions.CONFIGURATION_TYPE_DESIGNTEMPLATE
+};
+
+var _default = (0, _Actions.generateActions)(filters);
+
+exports["default"] = _default;

package/Screens/DesignTemplateEditor/Reducers/Reducer.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.REDUCER_NAME = void 0;
+
+var _Reducer = require("../../ConfigurationTypeEditor/Reducers/Reducer");
+
+var _Actions = require("../../ConfigurationTypeEditor/Reducers/Actions");
+
+var _FeatureReducers = require("../../../App/FeatureReducers");
+
+var REDUCER_NAME = 'designTemplateEditor';
+exports.REDUCER_NAME = REDUCER_NAME;
+var designTemplateEditor = (0, _FeatureReducers.createFeatureReducer)(REDUCER_NAME, function () {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : (0, _Reducer.getInitialState)(_Actions.CONFIGURATION_TYPE_DESIGNTEMPLATE);
+  var action = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return (0, _Reducer.configurationTypeEditor)(state, action);
+});
+var _default = designTemplateEditor;
+exports["default"] = _default;

package/Screens/DesignTemplateEditor/Screen.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _Actions = _interopRequireDefault(require("./Reducers/Actions"));
+
+var _Reducer = require("./Reducers/Reducer");
+
+var _Screen = require("../ConfigurationTypeEditor/Screen");
+
+require("./Translations");
+
+var _List = require("./Containers/List");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = (0, _Screen.createConnectedScreen)('design_templates', _Reducer.REDUCER_NAME, _Actions["default"], (0, _List.createConnectedList)(_Reducer.REDUCER_NAME, _Actions["default"]));
+
+exports["default"] = _default;

package/Screens/DesignTemplateEditor/Translations.js

@@ -0,0 +1,16 @@
+"use strict";
+
+require("../../App/i18n").use({
+  en: {
+    design_templates: 'Design templates',
+    designtemplate: {
+      addButtonLabel: 'Add Design Template'
+    }
+  },
+  de: {
+    design_templates: 'Designvorlagen',
+    designtemplate: {
+      addButtonLabel: 'Designvorlage hinzufügen'
+    }
+  }
+}, true);

package/Screens/DesignTemplateEditor/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _Screen = _interopRequireDefault(require("./Screen"));
+
+var _Reducer = _interopRequireDefault(require("./Reducers/Reducer"));
+
+var _FeatureReducers = require("../../App/FeatureReducers");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+(0, _FeatureReducers.addReducers)(_Reducer["default"]);
+var _default = {
+  Screen: _Screen["default"]
+};
+exports["default"] = _default;

package/Screens/Designer/Components/ConfiguratorQuickView.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactRedux = require("react-redux");
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _ConfigurationActions = require("../../Creator/Reducers/ConfigurationActions");
+
+var _ConfiguratorOverlay = _interopRequireDefault(require("../../../Components/GeneralFragments/ConfiguratorOverlay"));
+
+var _Actions = require("../Reducers/Actions");
+
+var _network = _interopRequireDefault(require("../../../App/Config/network"));
+
+var _i18n = require("../../../App/i18n");
+
+var _RaisedButton = _interopRequireDefault(require("../../../UIComponents/RaisedButton"));
+
+var _ShowPreviewErrorDialog = _interopRequireDefault(require("../../Creator/Components/ShowPreviewErrorDialog"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var mapStateToProps = function mapStateToProps(state) {
+  var i18n = state.i18n;
+  var itemData = state[_Actions.DESIGNER_REDUCER_NAME];
+  var identifier = !itemData.isNew && ((0, _get["default"])(itemData, 'data.identifier.value') || (0, _get["default"])(itemData, 'data.item.value.identifier'));
+  var locale = i18n.locale.replace('-', '_');
+  var configurationData = state[_ConfigurationActions.CONFIGURATION_REDUCER_NAME];
+  var adminModeHash = configurationData.adminModeHash;
+  var itemId = (0, _get["default"])(itemData, 'data.id.value');
+  var showOpenDesignerPreviewError = (0, _get["default"])(configurationData, 'showOpenDesignerPreviewError');
+  var params = new URLSearchParams({
+    _adminmode: 'quickView',
+    _configuration_mode: 'designer',
+    _hidevariantselection: 'true',
+    _deliverycountry: 'de',
+    _language: locale,
+    _admin_mode_hash: adminModeHash
+  });
+  var configuratorUrl = !!identifier && "".concat(_network["default"].configuratorBasePath, "identifier:").concat(identifier, "?").concat(params);
+  return {
+    show: state[_ConfigurationActions.CONFIGURATION_REDUCER_NAME].showConfiguratorAdminMode,
+    configuratorUrl: configuratorUrl,
+    itemId: itemId,
+    showOpenDesignerPreviewError: showOpenDesignerPreviewError
+  };
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return {
+    close: function close() {
+      return dispatch((0, _ConfigurationActions.showConfiguratorAdminMode)(false));
+    },
+    open: function open(itemId) {
+      return dispatch((0, _ConfigurationActions.showConfiguratorAdminMode)(true, 'designer', itemId));
+    },
+    hideOpenDesignerPreviewError: function hideOpenDesignerPreviewError() {
+      return dispatch((0, _ConfigurationActions.hideOpenDesignerPreviewError)());
+    }
+  };
+};
+
+var ConfiguratorQuickView = function ConfiguratorQuickView(_ref) {
+  var show = _ref.show,
+      open = _ref.open,
+      close = _ref.close,
+      configuratorUrl = _ref.configuratorUrl,
+      style = _ref.style,
+      className = _ref.className,
+      itemId = _ref.itemId,
+      showOpenDesignerPreviewError = _ref.showOpenDesignerPreviewError,
+      hideOpenDesignerPreviewError = _ref.hideOpenDesignerPreviewError;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: style,
+    className: className
+  }, /*#__PURE__*/_react["default"].createElement(_RaisedButton["default"], {
+    label: (0, _i18n.T)('configuratorQuickView.buttonText'),
+    onClick: function onClick() {
+      return open(itemId);
+    },
+    disabled: !configuratorUrl
+  }), /*#__PURE__*/_react["default"].createElement(_ConfiguratorOverlay["default"], {
+    show: show,
+    configuratorUrl: configuratorUrl,
+    onClose: close
+  }), showOpenDesignerPreviewError && /*#__PURE__*/_react["default"].createElement(_ShowPreviewErrorDialog["default"], {
+    dialogTitle: (0, _i18n.T)('openPreviewError.title'),
+    open: showOpenDesignerPreviewError,
+    onClose: hideOpenDesignerPreviewError
+  }, /*#__PURE__*/_react["default"].createElement("p", null, (0, _i18n.T)('openPreviewError.openDesignerPreviewError'))));
+};
+
+var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(ConfiguratorQuickView);
+
+exports["default"] = _default;