@configuratorware/configurator-frontendgui 1.28.5 → 1.29.2

package/App/Reducers/GeneralActions.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setInitialState = exports.SET_INITIAL_STATE = void 0;
+var SET_INITIAL_STATE = 'app.general.setInitialState';
+exports.SET_INITIAL_STATE = SET_INITIAL_STATE;
+
+var setInitialState = function setInitialState() {
+  return {
+    type: SET_INITIAL_STATE
+  };
+};
+
+exports.setInitialState = setInitialState;

package/App/Reducers/ImageGallery/Actions.js

@@ -0,0 +1,336 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setModeToEdit = exports.setModeToAdd = exports.addGalleryImageToUserImages = exports.commitChanges = exports.editImage = exports.dismissError = exports.addImagesFromDesignArea = exports.uploadImage = exports.updateImage = exports.setSelectedImageData = exports.setSelectedImageByIdentifier = exports.setSelectedImage = exports.selectTags = exports.selectTag = exports.fetchTags = exports.fetchGallery = exports.receiveGalleryTags = exports.getGalleryUrlForTags = exports.ImageGalleryModes = exports.SET_MODE = exports.COMMIT_CHANGES = exports.ADD_GALLERY_IMAGE_TO_USER_IMAGES = exports.ADD_IMAGES_FROM_DESIGN_AREA = exports.DISMISS_ERROR = exports.URL_UPLOAD = exports.URL_GALLERY = exports.URL_TAGS = exports.WN_UPLOAD_IMAGE = exports.WN_LOAD_TAGS = exports.WN_LOAD_IMAGES = exports.RECEIVE_IMAGE_UPLOAD_DATA = exports.UPDATE_IMAGE = exports.SET_SELECTED_IMAGE = exports.SELECT_GALLERY_TAGS = exports.SELECT_GALLERY_TAG = exports.RECEIVE_GALLERY_TAGS = exports.RECEIVE_GALLERY = void 0;
+
+var _Actions = require("../Actions");
+
+var _Actions2 = require("../UI/Actions");
+
+var _Selectors = require("./Selectors");
+
+var _DesignDataService = require("../../Services/DesignDataService");
+
+var _Selectors2 = require("../DesignArea/Selectors");
+
+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; }
+
+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 RECEIVE_GALLERY = 'imageGallery/RECEIVE_GALLERY';
+exports.RECEIVE_GALLERY = RECEIVE_GALLERY;
+var RECEIVE_GALLERY_TAGS = 'imageGallery/RECEIVE_GALLERY_TAGS';
+exports.RECEIVE_GALLERY_TAGS = RECEIVE_GALLERY_TAGS;
+var SELECT_GALLERY_TAG = 'imageGallery/SELECT_GALLERY_TAG';
+exports.SELECT_GALLERY_TAG = SELECT_GALLERY_TAG;
+var SELECT_GALLERY_TAGS = 'imageGallery/SELECT_GALLERY_TAGS';
+exports.SELECT_GALLERY_TAGS = SELECT_GALLERY_TAGS;
+var SET_SELECTED_IMAGE = 'imageGallery/SET_SELECTED_IMAGE';
+exports.SET_SELECTED_IMAGE = SET_SELECTED_IMAGE;
+var UPDATE_IMAGE = 'imageGallery/UPDATE_IMAGE';
+exports.UPDATE_IMAGE = UPDATE_IMAGE;
+var RECEIVE_IMAGE_UPLOAD_DATA = 'imageGallery/RECEIVE_IMAGE_UPLOAD_DATA';
+exports.RECEIVE_IMAGE_UPLOAD_DATA = RECEIVE_IMAGE_UPLOAD_DATA;
+var WN_LOAD_IMAGES = 'imageGallery/LOAD_IMAGES';
+exports.WN_LOAD_IMAGES = WN_LOAD_IMAGES;
+var WN_LOAD_TAGS = 'imageGallery/LOAD_TAGS';
+exports.WN_LOAD_TAGS = WN_LOAD_TAGS;
+var WN_UPLOAD_IMAGE = 'imageGallery/UPLOAD_IMAGE';
+exports.WN_UPLOAD_IMAGE = WN_UPLOAD_IMAGE;
+var URL_TAGS = 'imagegalleryimage/tags';
+exports.URL_TAGS = URL_TAGS;
+var URL_GALLERY = 'imagegalleryimage?&tags={tag}';
+exports.URL_GALLERY = URL_GALLERY;
+var URL_UPLOAD = 'userimages/designer/edit';
+exports.URL_UPLOAD = URL_UPLOAD;
+var DISMISS_ERROR = 'imageGallery/DISMISS_ERROR';
+exports.DISMISS_ERROR = DISMISS_ERROR;
+var ADD_IMAGES_FROM_DESIGN_AREA = 'imageGallery/ADD_IMAGES_FROM_DESIGN_AREA';
+exports.ADD_IMAGES_FROM_DESIGN_AREA = ADD_IMAGES_FROM_DESIGN_AREA;
+var ADD_GALLERY_IMAGE_TO_USER_IMAGES = 'imageGallery/ADD_GALLERY_IMAGE_TO_USER_IMAGES';
+exports.ADD_GALLERY_IMAGE_TO_USER_IMAGES = ADD_GALLERY_IMAGE_TO_USER_IMAGES;
+var COMMIT_CHANGES = 'imageGallery/COMMIT_CHANGES';
+exports.COMMIT_CHANGES = COMMIT_CHANGES;
+var SET_MODE = 'imageGallery/SET_MODE';
+exports.SET_MODE = SET_MODE;
+var ImageGalleryModes = {
+  add: 'add',
+  edit: 'edit'
+};
+exports.ImageGalleryModes = ImageGalleryModes;
+
+var getGalleryUrlForTags = function getGalleryUrlForTags(tags) {
+  var tagTitles = tags.filter(function (tag) {
+    return tag.checked === true;
+  }).map(function (tag) {
+    return tag.title;
+  }).join();
+  return URL_GALLERY.replace('{tag}', encodeURIComponent(tagTitles));
+};
+
+exports.getGalleryUrlForTags = getGalleryUrlForTags;
+
+var receiveGalleryTags = function receiveGalleryTags(data) {
+  return {
+    type: RECEIVE_GALLERY_TAGS,
+    data: data
+  };
+};
+
+exports.receiveGalleryTags = receiveGalleryTags;
+
+var fetchGallery = function fetchGallery() {
+  var tags = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return (0, _Actions2.createAsyncTask)(WN_LOAD_IMAGES, (0, _Actions.fetchDataAsync)(getGalleryUrlForTags(tags), (0, _Actions.createDefaultReceiver)(RECEIVE_GALLERY)));
+};
+
+exports.fetchGallery = fetchGallery;
+
+var fetchTags = function fetchTags() {
+  return (0, _Actions2.createAsyncTask)(WN_LOAD_TAGS, (0, _Actions.fetchDataAsync)(URL_TAGS, receiveGalleryTags));
+};
+
+exports.fetchTags = fetchTags;
+
+var selectTag = function selectTag(tag) {
+  return function (dispatch) {
+    dispatch({
+      type: SELECT_GALLERY_TAG,
+      tag: tag
+    });
+    return dispatch(fetchGallery(tag));
+  };
+};
+
+exports.selectTag = selectTag;
+
+var selectTags = function selectTags(tags) {
+  return function (dispatch) {
+    dispatch({
+      type: SELECT_GALLERY_TAGS,
+      tags: tags
+    });
+    return dispatch(fetchGallery(tags));
+  };
+};
+
+exports.selectTags = selectTags;
+
+var setSelectedImage = function setSelectedImage(fileName) {
+  return {
+    type: SET_SELECTED_IMAGE,
+    fileName: fileName
+  };
+};
+
+exports.setSelectedImage = setSelectedImage;
+
+var setSelectedImageByIdentifier = function setSelectedImageByIdentifier(identifier) {
+  return {
+    type: SET_SELECTED_IMAGE,
+    identifier: identifier
+  };
+};
+
+exports.setSelectedImageByIdentifier = setSelectedImageByIdentifier;
+
+var setSelectedImageData = function setSelectedImageData(imageData) {
+  return {
+    type: SET_SELECTED_IMAGE,
+    imageData: imageData
+  };
+};
+
+exports.setSelectedImageData = setSelectedImageData;
+
+var updateImage = function updateImage(identifier, imageDataPatch) {
+  var immediateCommit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  return function (dispatch, getState) {
+    var imageUsageInfo = (0, _Selectors.getImageUsageInfo)(getState(), identifier);
+    dispatch({
+      type: UPDATE_IMAGE,
+      identifier: identifier,
+      immediateCommit: immediateCommit,
+      imageUsageInfo: imageUsageInfo,
+      imageDataPatch: imageDataPatch
+    });
+  };
+};
+
+exports.updateImage = updateImage;
+
+var uploadImage = function uploadImage(file) {
+  return (0, _Actions2.createAsyncTask)(WN_UPLOAD_IMAGE, /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(dispatch) {
+      var data, uploadResponse;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              data = new FormData();
+              data.append('userImage', file);
+              data.append('userImageEditData', JSON.stringify({}));
+              dispatch(dismissError());
+              _context.next = 6;
+              return dispatch((0, _Actions.postDataAsync)(URL_UPLOAD, data, (0, _Actions.createDefaultReceiver)(RECEIVE_IMAGE_UPLOAD_DATA), {}, {}, {
+                useLocalErrorHandling: true
+              }));
+
+            case 6:
+              uploadResponse = _context.sent;
+              _context.next = 9;
+              return (0, _DesignDataService.calculateImageBrightness)(uploadResponse);
+
+            case 9:
+              return _context.abrupt("return", _context.sent);
+
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }());
+};
+
+exports.uploadImage = uploadImage;
+
+var addImagesFromDesignArea = function addImagesFromDesignArea(data) {
+  return {
+    type: ADD_IMAGES_FROM_DESIGN_AREA,
+    data: (0, _Selectors.getUserImagesByDesignArea)(data)
+  };
+};
+
+exports.addImagesFromDesignArea = addImagesFromDesignArea;
+
+var dismissError = function dismissError() {
+  return function (dispatch, getState) {
+    // remove the error code if it's there (eg. before new upload or when closing the popup)
+    if (getState().imageGallery.lastErrorCode) {
+      dispatch({
+        type: DISMISS_ERROR
+      });
+    }
+  };
+};
+/**
+ *
+ * @param editData
+ * editData should look like this:
+ *  {
+ *      "fileName":"a89c9b04906d0365c620f15a7fbcc234",
+ *      "operations":[
+ *          {"identifier":"clipping","config":{"command":"flood","backgroundColor":"#DF151E"}}
+ *      ]
+ *  }
+ * @param imageData
+ * @param actionOptions
+ */
+
+
+exports.dismissError = dismissError;
+
+var editImage = function editImage(editData, imageData) {
+  var actionOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return (0, _Actions2.createAsyncTask)(WN_UPLOAD_IMAGE, /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(dispatch) {
+      var data, createCopy, uploadResponse;
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              data = new FormData();
+              createCopy = editData.createCopy;
+              data.append('userImageEditData', JSON.stringify(editData));
+              dispatch(dismissError());
+              _context2.next = 6;
+              return dispatch((0, _Actions.postDataAsync)(URL_UPLOAD, data, (0, _Actions.createDefaultReceiver)(RECEIVE_IMAGE_UPLOAD_DATA, _objectSpread({
+                imageData: imageData,
+                createCopy: createCopy
+              }, actionOptions))));
+
+            case 6:
+              uploadResponse = _context2.sent;
+              _context2.next = 9;
+              return (0, _DesignDataService.calculateImageBrightness)(uploadResponse);
+
+            case 9:
+              return _context2.abrupt("return", _context2.sent);
+
+            case 10:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    return function (_x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }());
+};
+
+exports.editImage = editImage;
+
+var commitChanges = function commitChanges() {
+  return function (dispatch, getState) {
+    var imageUsageInfo = (0, _Selectors.getImageUsageInfo)(getState());
+    var compatibilityInfoHash = (0, _Selectors2.getCurrentCompatibilityInfoHash)(getState());
+    dispatch({
+      type: COMMIT_CHANGES,
+      imageUsageInfo: imageUsageInfo,
+      compatibilityInfoHash: compatibilityInfoHash
+    });
+  };
+};
+
+exports.commitChanges = commitChanges;
+
+var addGalleryImageToUserImages = function addGalleryImageToUserImages(imageUrl, thumbUrl, fileName, vectorizeColorsMap) {
+  return function (dispatch, getState) {
+    var compatibilityInfoHash = (0, _Selectors2.getCurrentCompatibilityInfoHash)(getState());
+    return dispatch({
+      type: ADD_GALLERY_IMAGE_TO_USER_IMAGES,
+      imageUrl: imageUrl,
+      thumbUrl: thumbUrl,
+      fileName: fileName,
+      vectorizeColorsMap: vectorizeColorsMap,
+      compatibilityInfoHash: compatibilityInfoHash
+    });
+  };
+};
+
+exports.addGalleryImageToUserImages = addGalleryImageToUserImages;
+
+var setModeToAdd = function setModeToAdd() {
+  return {
+    type: SET_MODE,
+    mode: ImageGalleryModes.add
+  };
+};
+
+exports.setModeToAdd = setModeToAdd;
+
+var setModeToEdit = function setModeToEdit() {
+  return {
+    type: SET_MODE,
+    mode: ImageGalleryModes.edit
+  };
+};
+
+exports.setModeToEdit = setModeToEdit;

package/App/Reducers/ImageGallery/Modifiers.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSVGImageData = exports.generateImageId = exports.createTextPlaceholder = void 0;
+
+var _v = _interopRequireDefault(require("uuid/v4"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var createTextPlaceholder = function createTextPlaceholder(content) {
+  return "<span data-placeholder=\"true\">".concat(content, "</span>");
+};
+
+exports.createTextPlaceholder = createTextPlaceholder;
+
+var generateImageId = function generateImageId() {
+  return (0, _v["default"])();
+};
+
+exports.generateImageId = generateImageId;
+
+var createSVGImageData = function createSVGImageData() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var fileName = options.fileName,
+      imageUrl = options.imageUrl,
+      thumbUrl = options.thumbUrl,
+      _options$operations = options.operations,
+      operations = _options$operations === void 0 ? {} : _options$operations,
+      _options$galleryImage = options.galleryImage,
+      galleryImage = _options$galleryImage === void 0 ? true : _options$galleryImage,
+      _options$isPlaceHolde = options.isPlaceHolderImage,
+      isPlaceHolderImage = _options$isPlaceHolde === void 0 ? false : _options$isPlaceHolde;
+  return {
+    fileName: fileName,
+    identifier: generateImageId(),
+    originalFileName: imageUrl,
+    original: {
+      url: null,
+      format: 'SVG',
+      mimeType: 'image/svg+xml',
+      width: 290,
+      height: 290
+    },
+    preview: {
+      url: imageUrl,
+      format: 'SVG',
+      mimeType: 'image/svg+xml',
+      width: 290,
+      height: 290
+    },
+    thumbnail: {
+      url: thumbUrl,
+      format: 'PNG',
+      mimeType: 'image/png',
+      width: 160,
+      height: 160
+    },
+    message: null,
+    gallery: galleryImage,
+    isPlaceHolderImage: isPlaceHolderImage,
+    operations: operations
+  };
+};
+
+exports.createSVGImageData = createSVGImageData;