@configuratorware/configurator-frontendgui 1.28.0-beta.3 → 1.28.3

package/App/Services/AnalyticsService.js

@@ -1,403 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.actionsToTrack = void 0;
-
-var _ServiceLocator = require("../ServiceLocator");
-
-var _Constant = require("../Constant");
-
-var _i18n = require("../../Framework/i18n");
-
-var _Selectors = require("../Reducers/ConfigurationMode/Selectors");
-
-var _lodash = require("lodash");
-
-var _actionsToTrack;
-
-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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-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 actionsToTrack = (_actionsToTrack = {}, _defineProperty(_actionsToTrack, _Constant.EventTypes.load, function (action) {
-  return {
-    event: action.type
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.save, function (action) {
-  return {
-    event: action.type
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.save, function (action) {
-  return {
-    event: action.type
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.mail, function (action) {
-  return {
-    event: action.type
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.load_request, function (action) {
-  return {
-    event: action.type,
-    configuration_code: action.data
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.change_variant, function (action) {
-  return {
-    event: action.type,
-    selected_variant_identifier: action.data.key
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.preview_open, function (action) {
-  return {
-    event: action.type
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.preview_close, function (action) {
-  return {
-    event: action.type
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.add_text, function (action) {
-  return {
-    event: action.type
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.add_image, function (action) {
-  return {
-    event: action.type
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.uploaded_file_type, function (action) {
-  return {
-    event: action.type,
-    file_type: action.data.type
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.edit_image, function (action) {
-  return {
-    event: action.type
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.image_colorize, function (action) {
-  return {
-    event: action.type,
-    selected_image_edit_colorize: action.data
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.image_edit_colorize_color, function (action) {
-  return {
-    event: action.type,
-    selected_color: action.data
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.image_edit_colorize_found_colors, function (action) {
-  return {
-    event: action.type,
-    color_amount: action.data
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.image_background, function (action) {
-  return {
-    event: action.type,
-    image_edit_operation: (0, _i18n.t)('fileUpload.' + ({
-      replace: 'removeBackgroundEverywhere',
-      flood: 'removeBackgroundFromBorder'
-    }[action.data] || 'notRemoveBackground'))
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.image_edit_options, function (action) {
-  return {
-    event: action.data === 0 ? 'image_edit_change_file' : action.data === 1 ? 'image_edit_remove_background' : 'image_edit_colorize'
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.upload_new, function (action) {
-  return {
-    event: action.type
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.image_thumbnail_select, function (action) {
-  return {
-    event: action.type,
-    selected_image: action.data
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.text_bold, function (action) {
-  return {
-    event: action.type
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.text_font, function (action) {
-  return {
-    event: action.type,
-    selected_font_name: action.data.key
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.text_italic, function (action) {
-  return {
-    event: action.type
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.text_align_left, function (action) {
-  return {
-    event: action.type
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.text_align_center, function (action) {
-  return {
-    event: action.type
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.text_align_right, function (action) {
-  return {
-    event: action.type
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.text_align_justify, function (action) {
-  return {
-    event: action.type
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.text_color, function (action) {
-  return {
-    event: action.type,
-    selected_color: action.data
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.align_horizontal_center, function (action) {
-  return {
-    event: action.type
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.align_vertical_center, function (action) {
-  return {
-    event: action.type
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.align_move_down, function (action) {
-  return {
-    event: action.type
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.align_move_up, function (action) {
-  return {
-    event: action.type
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.add_to_cart, function (action, state) {
-  var selectedMode = state.configurationMode.selectedMode;
-  var event = (0, _Selectors.isDesignerMode)(selectedMode) ? _Constant.EventTypes.add_to_cart : _Constant.EventTypes.configuration_add_to_cart;
-  return {
-    event: event,
-    selected_amounts: state.configurator.configuration.customdata.selectedAmounts
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.selected_amounts, function (action, state) {
-  var selectedMode = state.configurationMode.selectedMode;
-  var event = (0, _Selectors.isDesignerMode)(selectedMode) ? _Constant.EventTypes.selected_amounts : _Constant.EventTypes.configuration_selected_amounts;
-  return {
-    event: event,
-    selected_amounts: state.configurator.configuration.customdata.selectedAmounts,
-    selected_design_areas: getSelectedDesignAreas(state),
-    selected_design_production_methods: getSelectedDesignProductionMethods(state),
-    selected_options: getSelectedOptions(state)
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.design_area_switch, function (action, state) {
-  return {
-    event: action.type,
-    selected_design_area_identifier: state.designArea.selectedDesignArea.identifier
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.design_production_switch, function (action) {
-  return {
-    event: action.type,
-    selected_design_production_method_identifier: action.data.key
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.widget_print_view, function (action) {
-  return {
-    event: action.type
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.widget_open_configurator, function (action, state) {
-  return {
-    event: action.type,
-    selected_design_areas: getSelectedDesignAreas(state),
-    selected_design_production_methods: getSelectedDesignProductionMethods(state),
-    selected_options: getSelectedWidgetConfigurationOptions(state),
-    selected_amount: state.configurator.configuration.customdata.selectedAmounts
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.widget_change_amount, function (action, state) {
-  return {
-    event: action.type,
-    selected_amounts: state.configurator.configuration.customdata.selectedAmounts
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.widget_add_design_area, function (action) {
-  return {
-    event: action.type,
-    selected_design_area_identifier: action.data
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.widget_remove_design_area, function (action) {
-  return {
-    event: action.type,
-    removed_design_area_identifier: action.data
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.widget_change_design_production_method, function (action) {
-  return {
-    event: action.type,
-    selected_design_production_method_identifier: action.data.key
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.load_item, function (action) {
-  return {
-    event: action.type,
-    item_identifier: action.data
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.switch_option, function (action) {
-  return {
-    event: action.type,
-    selected_component: action.data.component,
-    selected_option: action.data.option
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.select_component, function (action) {
-  return {
-    event: action.type,
-    selected_component: action.data
-  };
-}), _defineProperty(_actionsToTrack, _Constant.EventTypes.configuration_mode_switch, function (action) {
-  return {
-    event: action.type,
-    switch_from: action.data === 'designer' ? 'creator' : 'designer',
-    switch_to: action.data
-  };
-}), _actionsToTrack);
-exports.actionsToTrack = actionsToTrack;
-
-var getSelectedWidgetConfigurationOptions = function getSelectedWidgetConfigurationOptions(state) {
-  var confoptions = [];
-  var calculationObj = state.configurator.calculation.positions;
-
-  for (var confoption in calculationObj) {
-    if (calculationObj[confoption].selectableByUser && calculationObj[confoption].selected) {
-      confoptions.push(calculationObj[confoption].title);
-    }
-  }
-
-  return confoptions;
-};
-
-var getSelectedDesignAreas = function getSelectedDesignAreas(state) {
-  var designAreas = [];
-  var designData = state.configurator.configuration.designdata;
-
-  for (var design in designData) {
-    var canvasData = designData[design].canvasData;
-
-    if (canvasData && canvasData.objects.length > 0) {
-      designAreas.push(design);
-    }
-  }
-
-  return designAreas;
-};
-
-var getSelectedDesignProductionMethods = function getSelectedDesignProductionMethods(state) {
-  var designProductionMethods = [];
-  var designData = state.configurator.configuration.designdata;
-
-  for (var designProduction in designData) {
-    var canvasData = designData[designProduction].canvasData;
-
-    if (canvasData && canvasData.objects.length > 0) {
-      designProductionMethods.push(designData[designProduction].designProductionMethodIdentifier);
-    }
-  }
-
-  return designProductionMethods;
-};
-
-var getSelectedOptions = function getSelectedOptions(state) {
-  var configuration = state.configurator.configuration;
-  var optionclassifications = configuration.optionclassifications;
-  var options = [];
-  var componentsWithSelectedOptions = (0, _lodash.filter)(optionclassifications, function (oc) {
-    return oc.selectedoptions && oc.selectedoptions.length > 0;
-  });
-  componentsWithSelectedOptions.forEach(function (component) {
-    var selectedComponentMap = {};
-    selectedComponentMap[component.identifier] = (0, _lodash.map)(component.selectedoptions, function (option) {
-      return {
-        identifier: option.identifier,
-        amount: option.amount
-      };
-    });
-    options.push(selectedComponentMap);
-  });
-  return options;
-};
-
-var AnalyticsService = /*#__PURE__*/function () {
-  function AnalyticsService() {
-    _classCallCheck(this, AnalyticsService);
-
-    _defineProperty(this, "EventTypes", _Constant.EventTypes);
-  }
-
-  _createClass(AnalyticsService, [{
-    key: "setDataLayer",
-    value: function () {
-      var _setDataLayer = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(dataLayer) {
-        var loadIdentifier;
-        return regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return _ServiceLocator.Services.store.addMiddleware(this.createMiddleware(dataLayer));
-
-              case 2:
-                loadIdentifier = _ServiceLocator.Services.configurator.state.loadIdentifier;
-                loadIdentifier && this.triggerEvent(_Constant.EventTypes.load_item, _ServiceLocator.Services.configurator.state.loadIdentifier);
-
-              case 4:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-
-      function setDataLayer(_x) {
-        return _setDataLayer.apply(this, arguments);
-      }
-
-      return setDataLayer;
-    }()
-  }, {
-    key: "createMiddleware",
-    value: function createMiddleware(dataLayer) {
-      var _this = this;
-
-      return function (store) {
-        return function (next) {
-          return function (action) {
-            var result = next(action);
-
-            var actionsToTrack = _this.getActionsToTrack();
-
-            if (!actionsToTrack[action.type]) {
-              return result;
-            }
-
-            var nextState = store.getState();
-
-            if (action.type) {
-              var data = actionsToTrack[action.type](action, nextState);
-              dataLayer.push(data);
-            }
-
-            return result;
-          };
-        };
-      };
-    }
-  }, {
-    key: "getActionsToTrack",
-    value: function getActionsToTrack() {
-      return actionsToTrack;
-    }
-  }, {
-    key: "triggerEvent",
-    value: function triggerEvent(type) {
-      var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-      _ServiceLocator.Services.store.dispatch({
-        type: type,
-        data: data
-      });
-    }
-  }]);
-
-  return AnalyticsService;
-}();
-
-exports["default"] = AnalyticsService;
-
-_defineProperty(AnalyticsService, "serviceName", 'AnalyticsService');