@configuratorware/configurator-frontendgui 1.28.6 → 1.29.3

package/App/Reducers/Configurator/Selectors.js

@@ -0,0 +1,242 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isFallbackVisualizationMode = exports.showReceiveOfferForm = exports.showCallToAction = exports.getCallToAction = exports.showItemIdentifier = exports.getConfigurationSettings = exports.isDesignerProductPreviewMode = exports.isCalculationAutoResolveEnabled = exports.getClientTexts = exports.getClientHighlightColor = exports.createCalculationErrorChecker = exports.getDeepestChildIdentifiers = exports.hasMultipleVariantsSelected = exports.isSelectedAmountsUpdated = exports.visualizationModeCheck = exports.getCurrentVisualizationSettings = exports.findMaxChildrenCount = exports.getVisualizationSettings = exports.getItemSettings = exports.getChildren = exports.getShareUrl = exports.getBulkNames = exports.getSelectedAmounts = exports.getUserSelectedCalculation = exports.getItem = exports.getClient = exports.getSelectedVariantIdentifier = exports.getCalculation = exports.getConfiguration = exports.getConfigurator = void 0;
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _flow = _interopRequireDefault(require("lodash/flow"));
+
+var _lodash = require("lodash");
+
+var _createSelector = _interopRequireDefault(require("../../../Utils/Function/createSelector"));
+
+var _Selectors = require("../ConfigurationMode/Selectors");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 _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 getConfigurator = function getConfigurator(rootState) {
+  return rootState.configurator;
+};
+
+exports.getConfigurator = getConfigurator;
+
+var getConfiguration = function getConfiguration(configuratorState) {
+  return (0, _get["default"])(configuratorState, 'configuration');
+};
+
+exports.getConfiguration = getConfiguration;
+
+var getCalculation = function getCalculation(configuratorState) {
+  return (0, _get["default"])(configuratorState, 'calculation');
+};
+
+exports.getCalculation = getCalculation;
+
+var getSelectedVariantIdentifier = function getSelectedVariantIdentifier(configuratorState) {
+  return (0, _get["default"])(configuratorState, 'selectedVariantIdentifier');
+};
+
+exports.getSelectedVariantIdentifier = getSelectedVariantIdentifier;
+
+var getClient = function getClient(configuratorState) {
+  return (0, _get["default"])(configuratorState, 'client');
+};
+
+exports.getClient = getClient;
+var getItem = (0, _createSelector["default"])(getConfiguration, function (configuration) {
+  return (0, _get["default"])(configuration, 'item');
+});
+exports.getItem = getItem;
+var getUserSelectedCalculation = (0, _createSelector["default"])(getConfiguration, function (configuration) {
+  return (0, _get["default"])(configuration, 'customdata.userSelectedCalculation');
+});
+exports.getUserSelectedCalculation = getUserSelectedCalculation;
+var getSelectedAmounts = (0, _createSelector["default"])(getConfiguration, function (configuration) {
+  return (0, _get["default"])(configuration, 'customdata.selectedAmounts');
+});
+exports.getSelectedAmounts = getSelectedAmounts;
+var getBulkNames = (0, _createSelector["default"])(getConfiguration, function (configuration) {
+  return (0, _get["default"])(configuration, 'customdata.bulkNames') || [];
+});
+exports.getBulkNames = getBulkNames;
+var getShareUrl = (0, _createSelector["default"])(getConfiguration, function (configuration) {
+  return (0, _get["default"])(configuration, 'shareUrl', '') || '';
+});
+exports.getShareUrl = getShareUrl;
+var getChildren = (0, _createSelector["default"])(getItem, function (item) {
+  return (0, _get["default"])(item, 'itemGroup.children') || [];
+});
+exports.getChildren = getChildren;
+var getItemSettings = (0, _createSelector["default"])(getItem, function (item) {
+  return (0, _get["default"])(item, 'settings', {});
+});
+exports.getItemSettings = getItemSettings;
+var getVisualizationSettings = (0, _createSelector["default"])(getItemSettings, function (settings) {
+  return {
+    creator: (0, _get["default"])(settings, 'visualizationCreator'),
+    designer: (0, _get["default"])(settings, 'visualizationDesigner')
+  };
+});
+exports.getVisualizationSettings = getVisualizationSettings;
+
+var findMaxChildrenCount = function findMaxChildrenCount(item) {
+  var children = (0, _get["default"])(item, 'itemGroup.children') || [];
+  return Math.max(children.length, children.length && findMaxChildrenCount(children[0]));
+};
+
+exports.findMaxChildrenCount = findMaxChildrenCount;
+var getCurrentVisualizationSettings = (0, _createSelector["default"])((0, _flow["default"])(getConfigurator, getVisualizationSettings), _Selectors.getSelectedConfigurationMode, function (visualizationSettings, configurationMode) {
+  return visualizationSettings[configurationMode] || 'default';
+});
+exports.getCurrentVisualizationSettings = getCurrentVisualizationSettings;
+var visualizationModeCheck = (0, _flow["default"])(getCurrentVisualizationSettings, function (mode) {
+  return {
+    is2D: function is2D() {
+      return mode === '2dVariant' || mode === '2dLayer' || mode === '2d' || mode === 'layer';
+    },
+    is3D: function is3D() {
+      return mode === '3dVariant' || mode === '3dScene' || mode === '3d';
+    },
+    isDefault: function isDefault() {
+      return mode === 'default';
+    }
+  };
+});
+exports.visualizationModeCheck = visualizationModeCheck;
+
+var isSelectedAmountsUpdated = function isSelectedAmountsUpdated(configuratorState) {
+  return (0, _get["default"])(configuratorState, 'selectedAmountsUpdated');
+};
+
+exports.isSelectedAmountsUpdated = isSelectedAmountsUpdated;
+
+var hasMultipleVariantsSelected = function hasMultipleVariantsSelected(state) {
+  var item = state.configuration.item;
+  var selectedAmounts = getSelectedAmounts(state);
+  var selectedVariantKeys = (0, _lodash.keys)(selectedAmounts); // get the firstSelectedAmountVariant and compare remaining to firstSelectedAmountVariant identifiers
+
+  if (selectedVariantKeys.length > 1) {
+    var firstSelectedVariant = (0, _lodash.find)((0, _get["default"])(item, 'itemGroup.children'), {
+      identifier: selectedVariantKeys[0]
+    });
+
+    if (!firstSelectedVariant) {
+      return false;
+    }
+
+    if (!(0, _get["default"])(firstSelectedVariant, 'itemGroup.children')) {
+      return true;
+    }
+
+    var multipleVariants = (0, _lodash.difference)((0, _lodash.keys)(selectedAmounts), (0, _lodash.values)(getDeepestChildIdentifiers(firstSelectedVariant)));
+
+    if (multipleVariants.length > 0) {
+      return true;
+    }
+  }
+
+  return false;
+};
+
+exports.hasMultipleVariantsSelected = hasMultipleVariantsSelected;
+
+var getDeepestChildIdentifiers = function getDeepestChildIdentifiers(item) {
+  if (!item.itemGroup || !item.itemGroup.children) {
+    return _defineProperty({}, item.itemgroupentryIdentifier, item.identifier);
+  }
+
+  var result = {};
+
+  var _iterator = _createForOfIteratorHelper(item.itemGroup.children),
+      _step;
+
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var child = _step.value;
+      Object.assign(result, getDeepestChildIdentifiers(child));
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+
+  return result;
+};
+
+exports.getDeepestChildIdentifiers = getDeepestChildIdentifiers;
+
+var createCalculationErrorChecker = function createCalculationErrorChecker(configuratorState) {
+  var calculation = getCalculation(configuratorState);
+  var errorCode = (0, _get["default"])(calculation, 'code');
+  return {
+    isMinOrderAmountError: function isMinOrderAmountError() {
+      return errorCode === 'minimum_order_amount_error';
+    }
+  };
+};
+
+exports.createCalculationErrorChecker = createCalculationErrorChecker;
+
+var getClientHighlightColor = function getClientHighlightColor(state) {
+  return (0, _get["default"])(getClient(getConfigurator(state)), 'theme.highlightColor');
+};
+
+exports.getClientHighlightColor = getClientHighlightColor;
+
+var getClientTexts = function getClientTexts(configuratorState) {
+  return (0, _get["default"])(getClient(configuratorState), 'texts') || {};
+};
+
+exports.getClientTexts = getClientTexts;
+
+var isCalculationAutoResolveEnabled = function isCalculationAutoResolveEnabled(_ref2) {
+  var calculationAutoResolve = _ref2.calculationAutoResolve;
+  return calculationAutoResolve === true;
+};
+
+exports.isCalculationAutoResolveEnabled = isCalculationAutoResolveEnabled;
+
+var isDesignerProductPreviewMode = function isDesignerProductPreviewMode() {
+  var pathname = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.location.pathname;
+  return /\/designer-preview-widget\/?/.test(pathname);
+};
+
+exports.isDesignerProductPreviewMode = isDesignerProductPreviewMode;
+var getConfigurationSettings = (0, _createSelector["default"])(getConfiguration, function (configuration) {
+  return (0, _get["default"])(configuration, 'information.settings', {});
+});
+exports.getConfigurationSettings = getConfigurationSettings;
+var showItemIdentifier = (0, _createSelector["default"])(getConfigurationSettings, function (settings) {
+  return (0, _get["default"])(settings, 'show_item_identifier', false);
+});
+exports.showItemIdentifier = showItemIdentifier;
+var getCallToAction = (0, _createSelector["default"])(getItem, function (item) {
+  return (0, _get["default"])(item, 'callToAction', 'addToBasket');
+});
+exports.getCallToAction = getCallToAction;
+var showCallToAction = (0, _createSelector["default"])(getCallToAction, function (callToAction) {
+  return callToAction !== 'none';
+});
+exports.showCallToAction = showCallToAction;
+var showReceiveOfferForm = (0, _createSelector["default"])(getCallToAction, function (callToAction) {
+  return callToAction === 'requestOffer';
+});
+exports.showReceiveOfferForm = showReceiveOfferForm;
+
+var isFallbackVisualizationMode = function isFallbackVisualizationMode(state) {
+  return 'fallback' === getCurrentVisualizationSettings(state);
+};
+
+exports.isFallbackVisualizationMode = isFallbackVisualizationMode;

package/App/Reducers/Confirm/Actions.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hideConfirm = exports.isConfirmResult = exports.showConfirm = exports.HIDE_CONFIRM = exports.SHOW_CONFIRM = void 0;
+
+var _ServiceLocator = require("../../ServiceLocator");
+
+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); }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+var SHOW_CONFIRM = 'SHOW_CONFIRM';
+exports.SHOW_CONFIRM = SHOW_CONFIRM;
+var HIDE_CONFIRM = 'HIDE_CONFIRM';
+exports.HIDE_CONFIRM = HIDE_CONFIRM;
+var DEFAULT_NAME = 'confirmResult';
+
+var showConfirm = function showConfirm(message, okLabel, cancelLabel) {
+  var name = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : DEFAULT_NAME;
+  return /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(dispatch) {
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              dispatch({
+                type: SHOW_CONFIRM,
+                data: {
+                  message: message,
+                  okLabel: okLabel,
+                  cancelLabel: cancelLabel
+                }
+              });
+              _context.next = 3;
+              return _ServiceLocator.Services.async.create(name);
+
+            case 3:
+              return _context.abrupt("return", _context.sent);
+
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+};
+
+exports.showConfirm = showConfirm;
+var ConfirmResultType = 'ConfirmResult';
+
+var createConfirmResult = function createConfirmResult(result) {
+  return {
+    type: ConfirmResultType,
+    result: result
+  };
+};
+
+var isConfirmResult = function isConfirmResult(resultObject) {
+  return _typeof(resultObject) === 'object' && resultObject.type === ConfirmResultType;
+};
+
+exports.isConfirmResult = isConfirmResult;
+
+var hideConfirm = function hideConfirm(ok) {
+  var name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_NAME;
+  return function (dispatch) {
+    dispatch({
+      type: HIDE_CONFIRM
+    });
+    ok ? _ServiceLocator.Services.async.resolve(name, createConfirmResult(true)) : _ServiceLocator.Services.async.reject(name, createConfirmResult(false));
+  };
+};
+
+exports.hideConfirm = hideConfirm;

package/App/Reducers/Confirm/Reducer.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.confirmReducer = confirmReducer;
+exports["default"] = void 0;
+
+var _Actions = require("./Actions");
+
+var initialState = null;
+
+function confirmReducer() {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
+  var action = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  switch (action.type) {
+    case _Actions.SHOW_CONFIRM:
+      return action.data;
+
+    case _Actions.HIDE_CONFIRM:
+      return null;
+
+    default:
+      return state;
+  }
+}
+
+var _default = confirmReducer;
+exports["default"] = _default;

package/App/Reducers/DesignArea/Actions.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.recalculateDesignArea = exports.toggleHighlight = exports.setPreviousEditedDesignAreaIdentier = exports.clearDesignAreaSelection = exports.selectDesignArea = exports.actionTypes = void 0;
+
+var _Selectors = require("./Selectors");
+
+var _Actions = require("../DesignView/Actions");
+
+var _createActionWithGlobalState = require("../../../Utils/Redux/createActionWithGlobalState");
+
+var actionTypes = {
+  SELECT_DESIGN_AREA: 'DesignArea/SELECT_DESIGN_AREA',
+  CLEAR_DESIGN_AREA_SELECTION: 'DesignArea/CLEAR_DESIGN_AREA_SELECTION',
+  TOGGLE_HIGHLIGHT: 'DesignArea/TOGGLE_HIGHLIGHT',
+  SET_PREVIOUS_EDITED_DESIGN_AREA: 'DesignArea/SET_PREVIOUS_EDITED_DESIGN_AREA',
+  RECALCULATE_DESIGN_AREA: 'DesignArea/RECALCULATE_DESIGN_AREA'
+};
+exports.actionTypes = actionTypes;
+
+var selectDesignArea = function selectDesignArea(designAreaIdentifier) {
+  return function (dispatch, getState) {
+    dispatch({
+      type: actionTypes.SELECT_DESIGN_AREA,
+      designAreaIdentifier: designAreaIdentifier
+    });
+    var designArea = (0, _Selectors.getSelectedDesignArea)(getState());
+    dispatch((0, _Actions.selectDesignView)(designArea.designView.identifier));
+  };
+};
+
+exports.selectDesignArea = selectDesignArea;
+
+var clearDesignAreaSelection = function clearDesignAreaSelection() {
+  var force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  return function (dispatch, getState) {
+    var notEmpty = Object.keys(getState().designArea.selectedDesignArea).length > 0;
+
+    if (force || notEmpty) {
+      dispatch({
+        type: actionTypes.CLEAR_DESIGN_AREA_SELECTION,
+        force: force
+      });
+    }
+  };
+};
+
+exports.clearDesignAreaSelection = clearDesignAreaSelection;
+
+var setPreviousEditedDesignAreaIdentier = function setPreviousEditedDesignAreaIdentier(designAreaIdentifier) {
+  return {
+    type: actionTypes.SET_PREVIOUS_EDITED_DESIGN_AREA,
+    designAreaIdentifier: designAreaIdentifier
+  };
+};
+
+exports.setPreviousEditedDesignAreaIdentier = setPreviousEditedDesignAreaIdentier;
+
+var toggleHighlight = function toggleHighlight(showHighlight) {
+  return {
+    type: actionTypes.TOGGLE_HIGHLIGHT,
+    showHighlight: showHighlight
+  };
+};
+
+exports.toggleHighlight = toggleHighlight;
+
+var recalculateDesignArea = function recalculateDesignArea() {
+  return (0, _createActionWithGlobalState.createActionWithGlobalState)({
+    type: actionTypes.RECALCULATE_DESIGN_AREA
+  });
+};
+
+exports.recalculateDesignArea = recalculateDesignArea;

package/App/Reducers/DesignArea/DesignElementSelectors.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDesignElementAvailability = exports.checkDesignElementRestrictionsWithRemovalCount = exports.checkDesignElementRestrictions = exports.getDesignElementCount = void 0;
+
+var _isInteger = _interopRequireDefault(require("lodash/isInteger"));
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _Selectors = require("./Selectors");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var getDesignElementCount = function getDesignElementCount(designData) {
+  var objects = (0, _get["default"])(designData, 'canvasData.objects', []);
+  var imagesCount = objects.filter(function (_ref) {
+    var type = _ref.type;
+    return type === 'Image';
+  }).length;
+  var textsCount = objects.filter(function (_ref2) {
+    var type = _ref2.type;
+    return type === 'Text';
+  }).length;
+  return {
+    imagesCount: imagesCount,
+    textsCount: textsCount,
+    totalCount: imagesCount + textsCount
+  };
+};
+
+exports.getDesignElementCount = getDesignElementCount;
+
+var checkDesignElementRestrictions = function checkDesignElementRestrictions(designData, designProductionMethod, targetElementType) {
+  var type = typeof targetElementType === 'string' && targetElementType.toLowerCase();
+  var maxImages = designProductionMethod.maxImages,
+      maxTexts = designProductionMethod.maxTexts,
+      maxElements = designProductionMethod.maxElements;
+
+  var _getDesignElementCoun = getDesignElementCount(designData),
+      imagesCount = _getDesignElementCoun.imagesCount,
+      textsCount = _getDesignElementCoun.textsCount,
+      totalCount = _getDesignElementCoun.totalCount;
+
+  if (maxElements > 0 && totalCount >= maxElements) {
+    return {
+      type: 'maxElements',
+      max: maxElements
+    };
+  } else if ((!type || type === 'image') && maxImages > 0 && imagesCount >= maxImages) {
+    return {
+      type: 'maxImages',
+      max: maxImages
+    };
+  } else if ((!type || type === 'text') && maxTexts > 0 && textsCount >= maxTexts) {
+    return {
+      type: 'maxTexts',
+      max: maxTexts
+    };
+  }
+
+  return null;
+};
+
+exports.checkDesignElementRestrictions = checkDesignElementRestrictions;
+
+var checkDesignElementRestrictionsWithRemovalCount = function checkDesignElementRestrictionsWithRemovalCount(designData, designProductionMethod) {
+  var maxImages = designProductionMethod.maxImages,
+      maxTexts = designProductionMethod.maxTexts,
+      maxElements = designProductionMethod.maxElements;
+
+  var _getDesignElementCoun2 = getDesignElementCount(designData),
+      imagesCount = _getDesignElementCoun2.imagesCount,
+      textsCount = _getDesignElementCoun2.textsCount,
+      totalCount = _getDesignElementCoun2.totalCount;
+
+  if ((0, _isInteger["default"])(maxElements) && totalCount > maxElements) {
+    return {
+      type: 'maxElements',
+      max: maxElements,
+      toBeRemovedCount: totalCount - maxElements
+    };
+  } else if ((0, _isInteger["default"])(maxImages) && imagesCount > maxImages) {
+    return {
+      type: 'maxImages',
+      max: maxImages,
+      toBeRemovedCount: imagesCount - maxImages
+    };
+  } else if ((0, _isInteger["default"])(maxTexts) && textsCount > maxTexts) {
+    return {
+      type: 'maxTexts',
+      max: maxTexts,
+      toBeRemovedCount: textsCount - maxTexts
+    };
+  }
+
+  return null;
+};
+
+exports.checkDesignElementRestrictionsWithRemovalCount = checkDesignElementRestrictionsWithRemovalCount;
+
+var getDesignElementAvailability = function getDesignElementAvailability(state) {
+  var _getSelectedDesignPro = (0, _Selectors.getSelectedDesignProductionMethod)(state),
+      maxImages = _getSelectedDesignPro.maxImages,
+      maxTexts = _getSelectedDesignPro.maxTexts;
+
+  return {
+    image: !(0, _isInteger["default"])(maxImages) || maxImages > 0,
+    text: !(0, _isInteger["default"])(maxTexts) || maxTexts > 0
+  };
+};
+
+exports.getDesignElementAvailability = getDesignElementAvailability;

package/App/Reducers/DesignArea/MaskSelectors.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMaskDataForDesignArea = exports.designAreaAppliesMask = void 0;
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _circle = _interopRequireDefault(require("../../../Resources/Masks/circle.svg"));
+
+var _configuration = require("../../configuration");
+
+var _Selectors = require("../Configurator/Selectors");
+
+var _Selectors2 = require("./Selectors");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 maskTypes = {
+  circle: 'circle',
+  freeForm: 'freeForm'
+};
+
+var getMaskIfComplete = function getMaskIfComplete(obj) {
+  return maskTypes[(0, _get["default"])(obj, 'mask.maskType')] && _objectSpread(_objectSpread({}, obj.mask.maskData), {}, {
+    type: obj.mask.maskType,
+    source: obj
+  });
+};
+
+var designAreaAppliesMask = function designAreaAppliesMask(state, designArea) {
+  if (!designArea) {
+    designArea = (0, _Selectors2.getSelectedDesignArea)(state);
+  }
+
+  var designProductionMethod = (0, _Selectors2.getSelectedDesignProductionMethodForDesignArea)(state, designArea);
+  return !!(getMaskIfComplete(designProductionMethod) || getMaskIfComplete(designArea));
+};
+
+exports.designAreaAppliesMask = designAreaAppliesMask;
+
+var getMaskSrc = function getMaskSrc(_ref) {
+  var itemIdentifier = _ref.itemIdentifier,
+      designAreaIdentifier = _ref.designAreaIdentifier,
+      designProductionMethodIdentifier = _ref.designProductionMethodIdentifier,
+      type = _ref.type;
+
+  switch (type) {
+    case maskTypes.circle:
+      {
+        return _circle["default"];
+      }
+
+    case maskTypes.freeForm:
+      {
+        var fileName = designProductionMethodIdentifier ? "".concat(designAreaIdentifier, "_").concat(designProductionMethodIdentifier) : designAreaIdentifier;
+        return "".concat((0, _configuration.getConf)('network.host'), "/designer/masks/").concat(itemIdentifier, "/").concat(fileName, ".svg");
+      }
+
+    default:
+      {
+        return false;
+      }
+  }
+};
+
+var getMaskDataForDesignArea = function getMaskDataForDesignArea(state) {
+  var designArea = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+
+  if (!designArea) {
+    designArea = (0, _Selectors2.getSelectedDesignArea)(state);
+  }
+
+  var designProductionMethod = (0, _Selectors2.getSelectedDesignProductionMethodForDesignArea)(state, designArea);
+  var item = (0, _Selectors.getItem)((0, _Selectors.getConfigurator)(state));
+  var maskData = getMaskIfComplete(designProductionMethod) || getMaskIfComplete(designArea);
+
+  if (maskData) {
+    var src = getMaskSrc({
+      itemIdentifier: item.identifier,
+      designAreaIdentifier: designArea.identifier,
+      designProductionMethodIdentifier: maskData.source === designProductionMethod ? designProductionMethod.identifier : false,
+      type: maskData.type
+    });
+    return _objectSpread(_objectSpread({}, maskData), {}, {
+      src: src,
+      outlineColor: (0, _Selectors.getClientHighlightColor)(state)
+    });
+  }
+
+  return false;
+};
+
+exports.getMaskDataForDesignArea = getMaskDataForDesignArea;