@configuratorware/configurator-frontendgui 1.28.3 → 1.29.1

package/App/Shared/Containers/ProductVariant/ProductVariant.js

@@ -0,0 +1,339 @@
+"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"] = exports.ProductVariantContainer = exports.createPropsFromState = exports.createAmountMap = exports.createAmountData = exports.itemGroupMap = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+
+var _ComponentContainer = require("../../../../Framework/ComponentContainer");
+
+var _createSelector = _interopRequireDefault(require("../../../../Utils/Function/createSelector"));
+
+var _Selectors = require("../../../Reducers/Configurator/Selectors");
+
+var _ServiceLocator = require("../../../ServiceLocator");
+
+var _configuration = require("../../../configuration");
+
+var _Selectors2 = require("../../../Reducers/DesignArea/Selectors");
+
+var configuratorActions = _interopRequireWildcard(require("../../../Reducers/Configurator/Actions"));
+
+var _ProductVariant = _interopRequireDefault(require("../../Components/ProductVariant"));
+
+var _getImageUrl = _interopRequireDefault(require("../../../Utils/getImageUrl"));
+
+var _excluded = ["ProductVariantComponent", "ProgressComponent", "getPreviewImages", "renderPreviewImagesForCheckout", "amountData"];
+
+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 _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); }
+
+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); }); }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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 _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(_e2) { throw _e2; }, 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(_e3) { didErr = true; err = _e3; }, 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; }
+
+var itemGroupMap = function itemGroupMap(rootItem, fn) {
+  if (typeof fn !== 'function') {
+    throw new TypeError('The second argument must be a function!');
+  }
+
+  var data = [];
+
+  if ((0, _get["default"])(rootItem, 'itemGroup.children.length', 0) > 0) {
+    var _iterator = _createForOfIteratorHelper(rootItem.itemGroup.children),
+        _step;
+
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var item = _step.value;
+        var mappedData = fn(item, data);
+        mappedData && data.push(mappedData);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+
+  return data;
+};
+
+exports.itemGroupMap = itemGroupMap;
+
+var createAmountData = function createAmountData(item, selectedAmounts, bulkNames, selectedVariantIdentifier) {
+  var restrictAmountselectionToSelectedVariant = (0, _configuration.getConf)('restrictAmountselectionToSelectedVariant', false);
+
+  if ((0, _isEmpty["default"])(item)) {
+    return [];
+  } //check if item has children or if the amountData should be created based on the item data
+
+
+  var amountData;
+
+  if ((0, _get["default"])(item, 'itemGroup.children.length', 0) > 0) {
+    amountData = itemGroupMap(item, function (colorGroupItem) {
+      return {
+        title: colorGroupItem.itemgroupentryTitle,
+        identifier: colorGroupItem.identifier,
+        amount: (0, _get["default"])(selectedAmounts, colorGroupItem.identifier, 0),
+        url: (0, _getImageUrl["default"])(colorGroupItem.thumbnail),
+        isDisabled: restrictAmountselectionToSelectedVariant && colorGroupItem.identifier !== selectedVariantIdentifier,
+        bulkNames: (0, _get["default"])(bulkNames, colorGroupItem.identifier, []),
+        sizes: itemGroupMap(colorGroupItem, function (sizeGroupItem) {
+          return {
+            size: sizeGroupItem.itemgroupentryTitle,
+            bulkNames: (0, _get["default"])(bulkNames, sizeGroupItem.identifier, []),
+            amount: (0, _get["default"])(selectedAmounts, sizeGroupItem.identifier, 0),
+            label: sizeGroupItem.itemgroupentryTitle,
+            key: sizeGroupItem.identifier,
+            identifier: sizeGroupItem.identifier,
+            url: (0, _getImageUrl["default"])(sizeGroupItem.thumbnail)
+          };
+        })
+      };
+    });
+  } else {
+    var itemIdentifier = item && item.identifier;
+    amountData = [{
+      title: item && item.title,
+      identifier: itemIdentifier,
+      amount: (0, _get["default"])(selectedAmounts, itemIdentifier, 0),
+      url: (0, _getImageUrl["default"])(item.thumbnail),
+      isDisabled: restrictAmountselectionToSelectedVariant && item.identifier !== selectedVariantIdentifier,
+      bulkNames: (0, _get["default"])(bulkNames, itemIdentifier, []),
+      sizes: []
+    }];
+  }
+
+  return amountData;
+};
+
+exports.createAmountData = createAmountData;
+
+var createAmountMap = function createAmountMap(amountData) {
+  return amountData.reduce(function (result, _ref) {
+    var identifier = _ref.identifier,
+        amount = _ref.amount,
+        sizes = _ref.sizes;
+
+    if (sizes && sizes.length) {
+      return _objectSpread(_objectSpread({}, result), sizes.reduce(function (result, _ref2) {
+        var identifier = _ref2.identifier,
+            amount = _ref2.amount;
+        return amount > 0 ? _objectSpread(_objectSpread({}, result), {}, _defineProperty({}, identifier, amount)) : result;
+      }, {}));
+    }
+
+    return amount > 0 ? _objectSpread(_objectSpread({}, result), {}, _defineProperty({}, identifier, amount)) : result;
+  }, {});
+};
+
+exports.createAmountMap = createAmountMap;
+var createPropsFromState = (0, _createSelector["default"])(_Selectors.getItem, _Selectors.getSelectedAmounts, _Selectors.getBulkNames, _Selectors.getCalculation, _Selectors.getSelectedVariantIdentifier, function (item, selectedAmounts, bulkNames, selectedVariantIdentifier, calculation) {
+  var amountData = createAmountData(item, selectedAmounts, bulkNames, selectedVariantIdentifier);
+  var amountMap = createAmountMap(amountData);
+  var error = null;
+
+  if (calculation && calculation.success === false) {
+    error = {
+      code: calculation.code,
+      errors: calculation.errors
+    };
+  }
+
+  return {
+    error: error,
+    amountData: amountData,
+    amountMap: amountMap
+  };
+});
+exports.createPropsFromState = createPropsFromState;
+
+var findItemsWithAmount = function findItemsWithAmount(amountData) {
+  return amountData.filter(function (item) {
+    return item.amount || item.sizes && item.sizes.reduce(function (amountSum, _ref3) {
+      var amount = _ref3.amount;
+      return amount ? amountSum + amount : amountSum;
+    }, 0);
+  }).map(function (_ref4) {
+    var identifier = _ref4.identifier;
+    return identifier;
+  });
+};
+
+var moveItemsToTop = function moveItemsToTop(amountData, identifiers) {
+  var inList = function inList(_ref5) {
+    var identifier = _ref5.identifier;
+    return identifiers.indexOf(identifier) !== -1;
+  };
+
+  var not = function not(f) {
+    return function () {
+      return !f.apply(void 0, arguments);
+    };
+  };
+
+  return [].concat(_toConsumableArray(amountData.filter(inList)), _toConsumableArray(amountData.filter(not(inList))));
+};
+
+var ProductVariantContainer = function ProductVariantContainer(_ref6) {
+  var ProductVariantComponent = _ref6.ProductVariantComponent,
+      ProgressComponent = _ref6.ProgressComponent,
+      getPreviewImages = _ref6.getPreviewImages,
+      renderPreviewImagesForCheckout = _ref6.renderPreviewImagesForCheckout,
+      amountData = _ref6.amountData,
+      props = _objectWithoutProperties(_ref6, _excluded);
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      loading = _useState2[0],
+      setLoading = _useState2[1];
+
+  var _useState3 = (0, _react.useState)({}),
+      _useState4 = _slicedToArray(_useState3, 2),
+      previewImages = _useState4[0],
+      setPreviewImages = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(findItemsWithAmount(amountData)),
+      _useState6 = _slicedToArray(_useState5, 1),
+      itemsWithAmount = _useState6[0];
+
+  var _useState7 = (0, _react.useState)([]),
+      _useState8 = _slicedToArray(_useState7, 2),
+      orderedAmountData = _useState8[0],
+      setOrderedAmountData = _useState8[1];
+
+  (0, _react.useEffect)(function () {
+    renderPreviewImagesForCheckout && _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              setLoading(true);
+              _context.prev = 1;
+              _context.t0 = setPreviewImages;
+              _context.next = 5;
+              return getPreviewImages();
+
+            case 5:
+              _context.t1 = _context.sent;
+              (0, _context.t0)(_context.t1);
+
+            case 7:
+              _context.prev = 7;
+              setLoading(false);
+              return _context.finish(7);
+
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[1,, 7, 10]]);
+    }))();
+  }, [getPreviewImages, renderPreviewImagesForCheckout]);
+  (0, _react.useEffect)(function () {
+    setOrderedAmountData(moveItemsToTop(amountData, itemsWithAmount));
+  }, [itemsWithAmount, amountData]);
+  return /*#__PURE__*/_react["default"].createElement(ProductVariantComponent, _extends({
+    variantListLoaderElement: ProgressComponent && /*#__PURE__*/_react["default"].createElement(ProgressComponent, {
+      loading: loading
+    }),
+    previewImages: previewImages,
+    amountData: orderedAmountData
+  }, props));
+};
+
+exports.ProductVariantContainer = ProductVariantContainer;
+ProductVariantContainer.propTypes = {
+  ProductVariantComponent: _propTypes["default"].elementType.isRequired,
+  ProgressComponent: _propTypes["default"].elementType,
+  getPreviewImages: _propTypes["default"].func.isRequired,
+  renderPreviewImagesForCheckout: _propTypes["default"].bool.isRequired,
+  amountData: _propTypes["default"].array.isRequired
+};
+ProductVariantContainer.defaultProps = {
+  amountData: []
+};
+
+var mapStateToProps = function mapStateToProps(state) {
+  return _objectSpread({
+    Component: ProductVariantContainer,
+    ProductVariantComponent: _ProductVariant["default"],
+    showReceiveOfferForm: (0, _Selectors.showReceiveOfferForm)(state.configurator),
+    activeBulkNames: (0, _Selectors2.isBulkNamesSelected)(state.configurator) && (0, _Selectors2.isActiveBulkName)(state),
+    renderPreviewImagesForCheckout: (0, _configuration.getConf)('renderPreviewImagesForCheckout', true)
+  }, createPropsFromState(state.configurator));
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return {
+    handleChange: function handleChange(variant, size, amount) {
+      return _ServiceLocator.Services.configurator.setSelectedAmount((size || variant).identifier, +amount, true);
+    },
+    saveConfigurationBulkNames: function saveConfigurationBulkNames(identifier, bulkNamesData) {
+      return _ServiceLocator.Services.configurator.saveBulkNames(identifier, bulkNamesData);
+    },
+    handleMultipleAmountInputsChange: function handleMultipleAmountInputsChange(variant, sizes) {
+      return dispatch(configuratorActions.setSelectedAmounts(variant, sizes, true));
+    },
+    deleteSelectedAmounts: function deleteSelectedAmounts(variant, sizes) {
+      return dispatch(configuratorActions.deleteSelectedAmounts(variant, sizes));
+    },
+    getPreviewImages: function getPreviewImages() {
+      return _ServiceLocator.Services.configurator.getPreviewImagesForVariants();
+    }
+  };
+};
+
+var _default = (0, _ComponentContainer.containerConnect)(mapStateToProps, mapDispatchToProps);
+
+exports["default"] = _default;

package/App/Shared/Containers/ProductVariant/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _ProductVariant["default"];
+  }
+});
+
+var _ProductVariant = _interopRequireDefault(require("./ProductVariant"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/App/Shared/Containers/SaveConfiguration.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress/CircularProgress"));
+
+var _ComponentContainer = _interopRequireDefault(require("../../../Framework/ComponentContainer"));
+
+var _ServiceLocator = require("../../ServiceLocator");
+
+var _SaveConfiguration = _interopRequireDefault(require("../Components/SaveConfiguration"));
+
+var _Selectors = require("../../Reducers/Configurator/Selectors");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var mapStateToProps = function mapStateToProps(_ref) {
+  var ui = _ref.ui,
+      configurator = _ref.configurator;
+  return {
+    Component: _SaveConfiguration["default"],
+    ProgressComponent: _CircularProgress["default"],
+    show: !!ui.visibilityMap.saveConfiguration,
+    workInProgress: !!ui.backgroundWorkMap.saveConfiguration,
+    errorMessage: ui.error && ui.error.message,
+    code: configurator.configuration.code || '',
+    savedconfiguration: configurator.configuration,
+    loadLoginInfoInProgress: !!ui.backgroundWorkMap.loadLoginInfo,
+    shareUrl: (0, _Selectors.getShareUrl)(configurator)
+  };
+};
+
+var mapDispatchToProps = function mapDispatchToProps() {
+  return {
+    onClose: function onClose() {
+      return _ServiceLocator.Services.ui.hide('saveConfiguration');
+    },
+    onOkClick: function onOkClick() {
+      return _ServiceLocator.Services.ui.hide('saveConfiguration');
+    }
+  };
+};
+
+var _default = (0, _ComponentContainer["default"])(mapStateToProps, mapDispatchToProps);
+
+exports["default"] = _default;

package/App/Shared/Containers/SendEmail/SendEmail.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _ComponentContainer = _interopRequireDefault(require("../../../../Framework/ComponentContainer"));
+
+var _ServiceLocator = require("../../../ServiceLocator");
+
+var _SendEmail = _interopRequireDefault(require("../../Components/SendEmail"));
+
+var _Selectors = require("../../../Reducers/Configurator/Selectors");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var mapStateToProps = function mapStateToProps(_ref) {
+  var ui = _ref.ui,
+      configurator = _ref.configurator;
+
+  var _getConfiguration = (0, _Selectors.getConfiguration)(configurator),
+      shareUrl = _getConfiguration.shareUrl;
+
+  return {
+    Component: _SendEmail["default"],
+    show: !!ui.visibilityMap.sendEmail,
+    shareUrl: shareUrl
+  };
+};
+
+var mapDispatchToProps = function mapDispatchToProps() {
+  return {
+    onClose: function onClose() {
+      return _ServiceLocator.Services.ui.hide('sendEmail');
+    },
+    onOkClick: function onOkClick() {
+      return _ServiceLocator.Services.ui.hide('sendEmail');
+    }
+  };
+};
+
+var _default = (0, _ComponentContainer["default"])(mapStateToProps, mapDispatchToProps);
+
+exports["default"] = _default;

package/App/Shared/Containers/SendEmail/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _SendEmail["default"];
+  }
+});
+
+var _SendEmail = _interopRequireDefault(require("./SendEmail"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/App/Shared/Providers/DefaultCanvasProvider.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DefaultTextEditorStateProvider = exports.DefaultCanvasStateProvider = exports.DefaultCanvasProvider = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactRedux = require("react-redux");
+
+var _CanvasProvider = require("redhotmagma-graphics-editor/CanvasInterface/CanvasProvider");
+
+var _TextEditorStateProvider = require("redhotmagma-graphics-editor/Components/TextEditor/TextEditorStateProvider");
+
+var _withActiveCanvas = require("../../Modules/Designer/withActiveCanvas");
+
+var _Selectors = require("../../Reducers/DesignArea/Selectors");
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _first = _interopRequireDefault(require("lodash/first"));
+
+var _createSelector = _interopRequireDefault(require("../../../Utils/Function/createSelector"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var DefaultCanvasProvider = (0, _withActiveCanvas.withActiveCanvas)(function (_ref) {
+  var canvas = _ref.canvas,
+      children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement(_CanvasProvider.CanvasProvider, {
+    canvas: canvas
+  }, children);
+});
+exports.DefaultCanvasProvider = DefaultCanvasProvider;
+var DefaultCanvasStateProvider = (0, _withActiveCanvas.withActiveCanvas)(function (_ref2) {
+  var canvas = _ref2.canvas,
+      children = _ref2.children;
+  return /*#__PURE__*/_react["default"].createElement(_CanvasProvider.CanvasStateProvider, {
+    canvas: canvas
+  }, children);
+});
+exports.DefaultCanvasStateProvider = DefaultCanvasStateProvider;
+var createDefaultStyle = (0, _createSelector["default"])(function (_ref3) {
+  var fonts = _ref3.fonts;
+  return fonts;
+}, _Selectors.getColorPalettes, function (fonts, colorPalettes) {
+  var fontFamily = '';
+  var colorValue = '';
+  var colorIdentifier = '';
+  var colorPaleteIdentifier = '';
+  var firstColorPalette = (0, _first["default"])(colorPalettes);
+  var colors = (0, _get["default"])(firstColorPalette, 'colors', []);
+  var firstColor = (0, _first["default"])(colors);
+  var firstFont = (0, _first["default"])(fonts);
+
+  if (firstColorPalette && firstFont) {
+    colorValue = '#' + (0, _get["default"])(firstColor, 'hex_value', '000000');
+    colorIdentifier = (0, _get["default"])(firstColor, 'identifier', 'black');
+    colorPaleteIdentifier = (0, _get["default"])(firstColorPalette, 'identifier', 'default');
+
+    var escapeQuotes = function escapeQuotes(str) {
+      return str.replace(/(['"])/g, '\\$1');
+    };
+
+    fontFamily = "\"".concat(escapeQuotes(firstFont.family), "\"");
+  }
+
+  return {
+    color: {
+      value: colorValue,
+      identifier: "{\"color\": \"".concat(colorIdentifier, "\", \"palette\": \"").concat(colorPaleteIdentifier, "\"}")
+    },
+    fontSize: '16px',
+    fontFamily: fontFamily
+  };
+});
+
+var mapStateToProps = function mapStateToProps(state) {
+  return {
+    defaultStyle: createDefaultStyle(state)
+  };
+};
+
+var DefaultTextEditorStateProvider = (0, _reactRedux.connect)(mapStateToProps)(_TextEditorStateProvider.TextEditorStateProvider);
+exports.DefaultTextEditorStateProvider = DefaultTextEditorStateProvider;

package/App/Storage.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.session = exports.local = void 0;
+
+var _storageFactory = require("storage-factory");
+
+var local = (0, _storageFactory.storageFactory)(function () {
+  return localStorage;
+});
+exports.local = local;
+var session = (0, _storageFactory.storageFactory)(function () {
+  return sessionStorage;
+});
+exports.session = session;

package/App/Store.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createAppStore = createAppStore;
+exports["default"] = exports.store = void 0;
+
+var _redux = require("redux");
+
+var _reduxThunk = _interopRequireDefault(require("redux-thunk"));
+
+var _reduxLogger = require("redux-logger");
+
+var _reduxPersist = require("redux-persist");
+
+var _storage = _interopRequireDefault(require("redux-persist/lib/storage"));
+
+var _reactReduxI18n = require("react-redux-i18n");
+
+var _configuration = require("./configuration");
+
+var _Reducers = _interopRequireDefault(require("./Reducers"));
+
+var _Reducer = _interopRequireDefault(require("./Reducers/Device/Reducer"));
+
+var _Reducer2 = _interopRequireDefault(require("./Reducers/Reducer"));
+
+var _i18n = require("../Framework/i18n");
+
+var _GeneralActions = require("./Reducers/GeneralActions");
+
+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 reduxPersistConfig = (0, _configuration.getConf)('reduxPersist', {
+  enabled: false
+});
+var rootReducer; // adding core reducers
+
+var reducers = _objectSpread(_objectSpread({}, _Reducers["default"]), {}, {
+  i18n: _reactReduxI18n.i18nReducer,
+  device: _Reducer["default"],
+  api: _Reducer2["default"]
+});
+
+if (reduxPersistConfig.enabled && 'storeConfig' in reduxPersistConfig) {
+  var persistConfig = _objectSpread({
+    key: 'root',
+    storage: _storage["default"]
+  }, reduxPersistConfig.storeConfig);
+
+  rootReducer = (0, _reduxPersist.persistCombineReducers)(persistConfig, reducers);
+} else {
+  rootReducer = (0, _redux.combineReducers)(reducers);
+}
+
+var middleware = [_reduxThunk["default"]];
+
+if (process.env.NODE_ENV === 'development') {
+  middleware.push((0, _reduxLogger.createLogger)());
+}
+
+function createAppStore() {
+  return (0, _redux.createStore)(rootReducer, _redux.applyMiddleware.apply(void 0, middleware));
+}
+
+var store = createAppStore();
+exports.store = store;
+
+if (reduxPersistConfig.enabled) {
+  (0, _reduxPersist.persistStore)(store);
+} // the first action to set the initial states (in the custom project)
+
+
+store.dispatch((0, _GeneralActions.setInitialState)()); // translation setup
+
+(0, _reactReduxI18n.syncTranslationWithStore)(store); // setup
+
+(0, _i18n.setStore)(store, (0, _configuration.getConf)('language'));
+var _default = store;
+exports["default"] = _default;