@configuratorware/configurator-frontendgui 1.28.3 → 1.29.1

package/App/Translations.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.initLanguage = initLanguage;
+
+var _i18n = require("../Framework/i18n");
+
+var _configuration = require("./configuration");
+
+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 initLanguage(_x) {
+  return _initLanguage.apply(this, arguments);
+}
+
+function _initLanguage() {
+  _initLanguage = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(lang) {
+    var fileKey, langKey, results;
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            // ensure that the filename always has an underscore and no dash
+            fileKey = lang.replace('-', '_');
+            langKey = lang.substring(0, 2);
+
+            if (!(0, _configuration.isProduction)()) {
+              _context.next = 8;
+              break;
+            }
+
+            _context.next = 5;
+            return Promise.all([loadLanguageJson('/translations_cached/' + fileKey + '.json', langKey)]);
+
+          case 5:
+            _context.t0 = _context.sent;
+            _context.next = 11;
+            break;
+
+          case 8:
+            _context.next = 10;
+            return Promise.all([loadLanguageJson('/translations/' + fileKey + '.json', langKey), loadLanguageJson('/translations_custom/' + fileKey + '.json', langKey)]);
+
+          case 10:
+            _context.t0 = _context.sent;
+
+          case 11:
+            results = _context.t0;
+            results.forEach(_i18n.use);
+
+          case 13:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _initLanguage.apply(this, arguments);
+}
+
+function loadLanguageJson(filename, langKey) {
+  return new Promise(function (resolve) {
+    var request = new XMLHttpRequest();
+    request.open('GET', filename);
+    request.addEventListener('load', function () {
+      if (request.status >= 200 && request.status < 300) {
+        try {
+          var obj = {};
+          obj[langKey] = JSON.parse(request.response);
+          resolve(obj);
+        } catch (e) {
+          // eslint-disable-next-line no-console
+          console.warn('error parsing translations json (' + filename + '): ' + e);
+          resolve({});
+        }
+      } else {
+        // eslint-disable-next-line no-console
+        console.warn('error loading translations (' + filename + '): ' + request.statusText);
+        resolve({});
+      }
+    });
+    request.send();
+  });
+}

package/App/Utils/createMessageInterface.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = createMessageInterface;
+exports.LISTENER_SAVE_CONFIGURATION = exports.LISTENER_SWITCH_OPTIONS = exports.METHOD_CONFIGURATION_SAVED_REMOTELY = exports.METHOD_CONFIGURATION_SAVED = exports.METHOD_ADD_TO_CART = void 0;
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var METHOD_ADD_TO_CART = 'addtocart';
+exports.METHOD_ADD_TO_CART = METHOD_ADD_TO_CART;
+var METHOD_CONFIGURATION_SAVED = 'configurationsaved';
+exports.METHOD_CONFIGURATION_SAVED = METHOD_CONFIGURATION_SAVED;
+var METHOD_CONFIGURATION_SAVED_REMOTELY = 'configurationsaved_remotely';
+exports.METHOD_CONFIGURATION_SAVED_REMOTELY = METHOD_CONFIGURATION_SAVED_REMOTELY;
+var LISTENER_SWITCH_OPTIONS = 'switch_options';
+exports.LISTENER_SWITCH_OPTIONS = LISTENER_SWITCH_OPTIONS;
+var LISTENER_SAVE_CONFIGURATION = 'save_configuration';
+/**
+ * Helper interface for bi-directional postMessage API
+ */
+
+exports.LISTENER_SAVE_CONFIGURATION = LISTENER_SAVE_CONFIGURATION;
+
+function createMessageInterface() {
+  var messageHandlers = [];
+  window.addEventListener('message', function (event) {
+    var typeToFind = (0, _get["default"])(event, 'data.type');
+    messageHandlers.filter(function (_ref) {
+      var type = _ref.type;
+      return type === typeToFind;
+    }).forEach(function (_ref2) {
+      var handler = _ref2.handler;
+      return handler(event);
+    });
+  }, false);
+  return {
+    /**
+     * @param {string} type
+     * @param {function(event)} handler
+     */
+    addListener: function addListener(type, handler) {
+      messageHandlers.push({
+        type: type,
+        handler: handler
+      });
+    },
+
+    /**
+     * @param {object} messageObj
+     * @param {object} [options]
+     */
+    dispatch: function dispatch(messageObj) {
+      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var _options$targetWindow = options.targetWindow,
+          targetWindow = _options$targetWindow === void 0 ? window.parent : _options$targetWindow,
+          _options$targetOrigin = options.targetOrigin,
+          targetOrigin = _options$targetOrigin === void 0 ? '*' : _options$targetOrigin;
+      targetWindow && targetWindow.postMessage(messageObj, targetOrigin || targetWindow.origin);
+    }
+  };
+}

package/App/Utils/customClassName.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = customClassName;
+
+function customClassName(className) {
+  return customClassName.prefix + className;
+}
+
+customClassName.prefix = 'custom-css-';

package/App/Utils/getContrastText.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = getContrastText;
+
+var _styles = require("@material-ui/core/styles");
+
+/**
+ * @param {string} background
+ * @param {*} [options]
+ * @param {string} [options.darkColor]
+ * @param {string} [options.lightColor]
+ * @param {string} [options.threshold]
+ * @return {string}
+ */
+function getContrastText(background) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _options$darkColor = options.darkColor,
+      darkColor = _options$darkColor === void 0 ? '#000000' : _options$darkColor,
+      _options$lightColor = options.lightColor,
+      lightColor = _options$lightColor === void 0 ? '#ffffff' : _options$lightColor,
+      _options$threshold = options.threshold,
+      threshold = _options$threshold === void 0 ? 10 : _options$threshold;
+  return (0, _styles.getContrastRatio)(background, darkColor) >= threshold ? darkColor : lightColor;
+}

package/App/Utils/getImageUrl.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = getImageUrl;
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _configuration = require("../configuration");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function getImageUrl(path) {
+  if (!path) {
+    return '';
+  }
+
+  var appConf = (0, _configuration.getConf)();
+  var localResources = (0, _get["default"])(appConf, 'resources');
+
+  if (localResources) {
+    var localFile = (0, _get["default"])(localResources, path);
+
+    if (localFile) {
+      return localFile;
+    }
+  }
+
+  var resourcePath = (0, _get["default"])(appConf.network, 'resourcesURL', '');
+  return "".concat(resourcePath).concat(path);
+}

package/App/Variables.scss

@@ -0,0 +1,84 @@
+@import "../Framework/Variables";
+
+$main-wrapper-padding: $main-padding 0 !default;
+
+$border-hover-color: #000000;
+$border-active-color: #999999;
+
+$optionclassification-width-landscape: 120px !default;
+$optionclassification-bottom-landscape: $main-padding !default;
+
+$content-padding: $optionclassification-width-landscape !default;
+$elements-padding: 20px !default;
+
+
+$itemtitle-font-size: 26px !default;
+$itemtitle-height: 30px !default;
+$itemtitle-padding-landscape: 0 0 0 $content-padding !default;
+
+$price-font-size: 1em !default;
+$price-height: $itemtitle-height !default;
+
+$optionclassification-width: $optionclassification-width-landscape !default;
+$optionclassification-height: 120px !default;
+$optionclassification-max-width: calc(33.33vw - 40px) !default;
+$optionclassification-max-height: calc(33.3333vh - 40px) !default;
+$optionclassification-font-size: 16px !default;
+$optionclassification-line-height: 1.5em !default;
+$optionclassificationTitle-padding-top: 0px !default;
+$optionclassificationTitle-max-height: calc(#{$optionclassificationTitle-padding-top} + #{$optionclassification-line-height*2}) !default;
+$optionclassificationIcon-max-height: calc(100% - #{$optionclassificationTitle-max-height}) !default;
+
+$visualization-container-height: calc(100vh - #{$optionclassification-height}) !default;
+$visualization-container-width: 100vw !default;
+
+$visualization-container-height-landscape: 100vh !default;
+$visualization-container-width-landscape: calc(100vw - #{$optionclassification-width-landscape}) !default;
+
+$visualization-container-left-landscape: $optionclassification-width !default;
+$visualization-container-padding-landscape: 0 0 0 $content-padding !default;
+
+$optionlistitem-font-size: 0.8em !default;
+$optionlistitem-text-padding: 0 !default;
+$optionlistitem-image-width: 130px !default;
+$optionlistitem-text-width: auto;
+@if $optionlistitem-image-width != auto {
+  $optionlistitem-text-width: calc(100% - #{$optionlistitem-image-width}) !default;
+}
+$optionlistitem-amount-color: rgba(0,0,0,0.1) !default;
+$optionlistitem-details-icon: ion-information-circled !default;
+$optionlistitem-incompatibility-icon: ion-alert-circled !default;
+$optionlistitem-not-available-icon: ion-close-circled !default;
+$optionlistitem-latedelivery-icon: ion-ios-calendar-outline !default;
+
+$optiondetailImage-width: 480px !default;
+$optiondetailDialog-max-width: 500px !default;
+$optiondetailDialogWithImage-max-width: 890px !default;
+$optiondetailBreakpoint: "(max-width: 620px)" !default;
+
+$font-family: Arial !default;
+$font-family-fallback: sans-serif !default;
+
+$starthere-bottom: $optionclassification-height !default;
+
+$starthere-top-landscape: 50px !default;
+
+$primary-button-background: rgba(150,150,150,1) !default;
+
+$fastconfigurationRow-height: 50px !default;
+$fastconfigurationVisibleRows: 8 !default;
+$fastconfigurationDropdown-margin-bottom: 150px !default;
+$fastconfigurationRowsWrapper-height: calc(#{$fastconfigurationVisibleRows} * #{$fastconfigurationRow-height}) !default;
+
+$incompatibilityDialog-max-width: 500px !default;
+
+$ruleTypeOptionExclusion-icon: ion-ios-bolt !default;
+$ruleTypeOptionDependency-icon: ion-plus !default;
+
+$configurationvariantSelection-background-color: rgba(255, 255, 255, 0.5) !default;
+$configurationvariantItem-font-size: 21px !default;
+$configurationvariantItem-padding: 20px !default;
+
+/*** PRINT ***/
+
+$print-padding: 20px !default;