@panneau/core 4.0.38 → 4.0.40-alpha.3

package/dist/index.js

@@ -1,662 +1,538 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { getComponentFromName, flattenComponents } from '@panneau/core/utils';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import { flattenComponents, getComponentFromName } from '@panneau/core/utils';
 import isArray from 'lodash/isArray';
 import uniqBy from 'lodash/uniqBy';
-import _callSuper from '@babel/runtime/helpers/callSuper';
-import _inherits from '@babel/runtime/helpers/inherits';
 import EventEmitter from 'wolfy87-eventemitter';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import isObject from 'lodash/isObject';
 import uniq from 'lodash/uniq';
 import { Tracking as Tracking$1 } from '@folklore/tracking';
 
-var ComponentsManager = /*#__PURE__*/function () {
-  function ComponentsManager() {
-    var components = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    _classCallCheck(this, ComponentsManager);
-    _defineProperty(this, "components", void 0);
+class ComponentsManager {
+  constructor(components = {}) {
     this.components = flattenComponents(components);
   }
-  return _createClass(ComponentsManager, [{
-    key: "addComponent",
-    value: function addComponent(name, component) {
-      var namespace = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-      return this.addComponents(_defineProperty({}, name, component), namespace);
-    }
-  }, {
-    key: "addComponents",
-    value: function addComponents(components) {
-      var namespace = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      var newComponents = namespace !== null ? Object.keys(components).reduce(function (componentsMaps, name) {
-        return _objectSpread(_objectSpread({}, componentsMaps), {}, _defineProperty({}, "".concat(namespace, ".").concat(name), components[name]));
-      }, {}) : components;
-      this.components = _objectSpread(_objectSpread({}, this.components), newComponents);
-      return this;
-    }
-  }, {
-    key: "merge",
-    value: function merge(manager) {
-      var namespace = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      return this.addComponents(manager.getComponents(), namespace);
-    }
-  }, {
-    key: "addNamespace",
-    value: function addNamespace(namespace) {
-      var _this = this;
-      if (namespace === null) {
-        return this;
-      }
-      this.components = Object.keys(this.components).reduce(function (componentsMap, name) {
-        return _objectSpread(_objectSpread({}, componentsMap), {}, _defineProperty({}, "".concat(namespace, ".").concat(name), _this.components[name]));
-      }, {});
+  addComponent(name, component, namespace = null) {
+    return this.addComponents({
+      [name]: component
+    }, namespace);
+  }
+  addComponents(components, namespace = null) {
+    const newComponents = namespace !== null ? Object.keys(components).reduce((componentsMaps, name) => ({
+      ...componentsMaps,
+      [`${namespace}.${name}`]: components[name]
+    }), {}) : components;
+    this.components = {
+      ...this.components,
+      ...newComponents
+    };
+    return this;
+  }
+  merge(manager, namespace = null) {
+    return this.addComponents(manager.getComponents(), namespace);
+  }
+  addNamespace(namespace) {
+    if (namespace === null) {
       return this;
     }
-  }, {
-    key: "getComponent",
-    value: function getComponent(name) {
-      var namespace = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      var components = this.getComponents(namespace);
-      return getComponentFromName(name, components);
-    }
-  }, {
-    key: "getComponents",
-    value: function getComponents() {
-      var _this2 = this;
-      var namespace = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-      return namespace !== null ? Object.keys(this.components || {}).reduce(function (componentsMap, name) {
-        var pattern = new RegExp("^".concat(namespace, "\\.(.*)$"));
-        var matches = pattern.exec(name);
-        return matches !== null ? _objectSpread(_objectSpread({}, componentsMap), {}, _defineProperty({}, matches[1], _this2.components[name])) : componentsMap;
-      }, null) : this.components;
-    }
-  }, {
-    key: "hasComponent",
-    value: function hasComponent(name) {
-      var namespace = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      return this.components !== null && typeof this.components[namespace !== null ? "".concat(namespace, ".").concat(name) : name] !== 'undefined';
-    }
-  }]);
-}();
+    this.components = Object.keys(this.components).reduce((componentsMap, name) => ({
+      ...componentsMap,
+      [`${namespace}.${name}`]: this.components[name]
+    }), {});
+    return this;
+  }
+  getComponent(name, namespace = null) {
+    const components = this.getComponents(namespace);
+    return getComponentFromName(name, components);
+  }
+  getComponents(namespace = null) {
+    return namespace !== null ? Object.keys(this.components || {}).reduce((componentsMap, name) => {
+      const pattern = new RegExp(`^${namespace}\\.(.*)$`);
+      const matches = pattern.exec(name);
+      return matches !== null ? {
+        ...(componentsMap || {}),
+        [matches[1]]: this.components[name]
+      } : componentsMap;
+    }, null) : this.components;
+  }
+  hasComponent(name, namespace = null) {
+    return this.components !== null && typeof this.components[namespace !== null ? `${namespace}.${name}` : name] !== 'undefined';
+  }
+}
 
-var DefinitionsManager = /*#__PURE__*/function () {
-  function DefinitionsManager() {
-    var definitions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    _classCallCheck(this, DefinitionsManager);
-    _defineProperty(this, "definitions", void 0);
+class DefinitionsManager {
+  constructor(definitions = []) {
     this.definitions = definitions || [];
   }
-  return _createClass(DefinitionsManager, [{
-    key: "addDefinition",
-    value: function addDefinition(definition) {
-      this.addDefinitions(isArray(definition) ? definition : [definition]);
-      return this;
-    }
-  }, {
-    key: "addDefinitions",
-    value: function addDefinitions(definitions) {
-      this.definitions = uniqBy([].concat(_toConsumableArray(definitions), _toConsumableArray(this.definitions)), function (it) {
-        return it.id;
-      });
-      return this;
-    }
-  }, {
-    key: "merge",
-    value: function merge(manager) {
-      return this.addDefinitions(manager.getDefinitions());
-    }
-  }, {
-    key: "getDefinition",
-    value: function getDefinition(id) {
-      if (id === null) {
-        return null;
-      }
-      return this.definitions.find(function (it) {
-        return it.id === id;
-      }) || null;
-    }
-  }, {
-    key: "getDefinitions",
-    value: function getDefinitions() {
-      return this.definitions;
-    }
-  }, {
-    key: "hasDefinition",
-    value: function hasDefinition(id) {
-      return this.getDefinition(id) !== null;
-    }
-  }, {
-    key: "getComponent",
-    value: function getComponent(id) {
-      var _ref = this.getDefinition(id) || {},
-        _ref$component = _ref.component,
-        component = _ref$component === void 0 ? null : _ref$component;
-      return component;
-    }
-  }, {
-    key: "getComponents",
-    value: function getComponents() {
-      return this.definitions.reduce(function (allComponents, _ref2) {
-        var id = _ref2.id,
-          _ref2$component = _ref2.component,
-          component = _ref2$component === void 0 ? null : _ref2$component;
-        return component !== null ? _objectSpread(_objectSpread({}, allComponents), {}, _defineProperty({}, id, component)) : allComponents;
-      }, {});
+  addDefinition(definition) {
+    this.addDefinitions(isArray(definition) ? definition : [definition]);
+    return this;
+  }
+  addDefinitions(definitions) {
+    this.definitions = uniqBy([...definitions, ...this.definitions], it => it.id);
+    return this;
+  }
+  merge(manager) {
+    return this.addDefinitions(manager.getDefinitions());
+  }
+  getDefinition(id) {
+    if (id === null) {
+      return null;
     }
-  }]);
-}();
+    return this.definitions.find(it => it.id === id) || null;
+  }
+  getDefinitions() {
+    return this.definitions;
+  }
+  hasDefinition(id) {
+    return this.getDefinition(id) !== null;
+  }
+  getComponent(id) {
+    const {
+      component = null
+    } = this.getDefinition(id) || {};
+    return component;
+  }
+  getComponents() {
+    return this.definitions.reduce((allComponents, {
+      id,
+      component = null
+    }) => component !== null ? {
+      ...allComponents,
+      [id]: component
+    } : allComponents, {});
+  }
+}
 
-var EventsManager = /*#__PURE__*/function (_EventEmitter) {
-  function EventsManager(element) {
-    var _this;
-    _classCallCheck(this, EventsManager);
-    _this = _callSuper(this, EventsManager);
-    _defineProperty(_this, "element", void 0);
-    _defineProperty(_this, "events", void 0);
-    _defineProperty(_this, "listeners", void 0);
-    _this.element = element;
-    _this.events = {};
-    _this.listeners = {};
-    return _this;
-  }
-  _inherits(EventsManager, _EventEmitter);
-  return _createClass(EventsManager, [{
-    key: "subscribe",
-    value: function subscribe(event, callback) {
-      this.on(event, callback);
-      this.events = _objectSpread(_objectSpread({}, this.events), {}, _defineProperty({}, event, [].concat(_toConsumableArray(this.events[event] || []), [callback])));
-      if (this.events[event].length === 1) {
-        this.addEventListener(event);
-      }
-    }
-  }, {
-    key: "unsubscribe",
-    value: function unsubscribe(event, callback) {
-      var _this2 = this;
-      this.off(event, callback);
-      this.events = Object.keys(this.events).reduce(function (newEvents, eventName) {
-        if (eventName !== event) {
-          return _objectSpread(_objectSpread({}, newEvents), {}, _defineProperty({}, eventName, _this2.events[eventName]));
-        }
-        var newListeners = _this2.events[eventName].filter(function (listener) {
-          return listener !== callback;
-        });
-        return newListeners.length > 0 ? _objectSpread(_objectSpread({}, newEvents), {}, _defineProperty({}, eventName, newListeners)) : newEvents;
-      }, {});
-      if (typeof this.events[event] === 'undefined') {
-        this.removeEventListener(event);
-      }
+class EventsManager extends EventEmitter {
+  constructor(element) {
+    super();
+    this.element = element;
+    this.events = {};
+    this.listeners = {};
+  }
+  subscribe(event, callback) {
+    this.on(event, callback);
+    this.events = {
+      ...this.events,
+      [event]: [...(this.events[event] || []), callback]
+    };
+    if (this.events[event].length === 1) {
+      this.addEventListener(event);
     }
-  }, {
-    key: "addEventListener",
-    value: function addEventListener(event) {
-      var _this3 = this;
-      if (typeof this.listeners[event] === 'undefined') {
-        this.listeners[event] = function () {
-          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-            args[_key] = arguments[_key];
-          }
-          return _this3.emit.apply(_this3, [event].concat(args));
+  }
+  unsubscribe(event, callback) {
+    this.off(event, callback);
+    this.events = Object.keys(this.events).reduce((newEvents, eventName) => {
+      if (eventName !== event) {
+        return {
+          ...newEvents,
+          [eventName]: this.events[eventName]
         };
       }
-      this.element.addEventListener(event, this.listeners[event]);
+      const newListeners = this.events[eventName].filter(listener => listener !== callback);
+      return newListeners.length > 0 ? {
+        ...newEvents,
+        [eventName]: newListeners
+      } : newEvents;
+    }, {});
+    if (typeof this.events[event] === 'undefined') {
+      this.removeEventListener(event);
     }
-  }, {
-    key: "removeEventListener",
-    value: function removeEventListener(event) {
-      this.element.removeEventListener(event, this.listeners[event]);
+  }
+  addEventListener(event) {
+    if (typeof this.listeners[event] === 'undefined') {
+      this.listeners[event] = (...args) => this.emit(event, ...args);
     }
-  }]);
-}(EventEmitter);
+    this.element.addEventListener(event, this.listeners[event]);
+  }
+  removeEventListener(event) {
+    this.element.removeEventListener(event, this.listeners[event]);
+  }
+}
 
-var FieldsManager = /*#__PURE__*/function (_DefinitionsManager) {
-  function FieldsManager() {
-    _classCallCheck(this, FieldsManager);
-    return _callSuper(this, FieldsManager, arguments);
-  }
-  _inherits(FieldsManager, _DefinitionsManager);
-  return _createClass(FieldsManager);
-}(DefinitionsManager);
+class FieldsManager extends DefinitionsManager {}
 
-var _excluded$2 = ["fonts"];
-var FontsParser = /*#__PURE__*/function () {
-  function FontsParser(_ref) {
-    var fieldsManager = _ref.fieldsManager,
-      screensManager = _ref.screensManager;
-    _classCallCheck(this, FontsParser);
-    _defineProperty(this, "fieldsManager", void 0);
-    _defineProperty(this, "screensManager", void 0);
+class FontsParser {
+  constructor({
+    fieldsManager,
+    screensManager
+  }) {
     this.fieldsManager = fieldsManager;
     this.screensManager = screensManager;
   }
 
   // Extract fonts
-  return _createClass(FontsParser, [{
-    key: "parse",
-    value: function parse(story) {
-      var _this = this;
-      if (story === null) {
-        return story;
-      }
+  parse(story) {
+    if (story === null) {
+      return story;
+    }
 
-      // Extract fonts from screen
-      var _ref2 = story || {},
-        _ref2$theme = _ref2.theme,
-        theme = _ref2$theme === void 0 ? null : _ref2$theme,
-        _ref2$components = _ref2.components,
-        components = _ref2$components === void 0 ? [] : _ref2$components;
-      var fonts = uniq(components.reduce(function (currentFonts, screen) {
-        var type = screen.type;
-        var _ref3 = _this.screensManager.getDefinition(type) || {},
-          _ref3$fields = _ref3.fields,
-          fields = _ref3$fields === void 0 ? [] : _ref3$fields;
-        var fieldsPattern = _this.getFieldsPattern(fields);
-        var newFonts = FontsParser.extractFontsWithPaths(screen, fieldsPattern);
-        return newFonts.length > 0 ? [].concat(_toConsumableArray(currentFonts), _toConsumableArray(newFonts)) : currentFonts;
-      }, []), 'name');
+    // Extract fonts from screen
+    const {
+      theme = null,
+      components = []
+    } = story || {};
+    const fonts = uniq(components.reduce((currentFonts, screen) => {
+      const {
+        type
+      } = screen;
+      const {
+        fields = []
+      } = this.screensManager.getDefinition(type) || {};
+      const fieldsPattern = this.getFieldsPattern(fields);
+      const newFonts = FontsParser.extractFontsWithPaths(screen, fieldsPattern);
+      return newFonts.length > 0 ? [...currentFonts, ...newFonts] : currentFonts;
+    }, []), 'name');
 
-      // Extract fonts from theme
-      if (theme !== null) {
-        var _ref4 = this.parse(theme),
-          _ref4$fonts = _ref4.fonts,
-          themeFonts = _ref4$fonts === void 0 ? [] : _ref4$fonts,
-          newTheme = _objectWithoutProperties(_ref4, _excluded$2);
-        return fonts.length > 0 || themeFonts.length > 0 ? _objectSpread(_objectSpread({}, story), {}, {
-          theme: newTheme,
-          fonts: uniq([].concat(_toConsumableArray(themeFonts), _toConsumableArray(fonts)), 'name')
-        }) : story;
-      }
-      return fonts.length > 0 ? _objectSpread(_objectSpread({}, story), {}, {
-        fonts: fonts
-      }) : story;
-    }
-  }, {
-    key: "getFieldsPattern",
-    value: function getFieldsPattern(fields) {
-      var _this2 = this;
-      var namePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      return fields.reduce(function (patterns, field) {
-        var _field$name = field.name,
-          name = _field$name === void 0 ? null : _field$name,
-          _field$type = field.type,
-          type = _field$type === void 0 ? null : _field$type;
-        var path = [namePrefix, name].filter(function (it) {
-          return it !== null;
-        }).join('\\.');
-        var fieldDefinition = _objectSpread(_objectSpread({}, type !== null ? _this2.fieldsManager.getDefinition(type) : null), field);
+    // Extract fonts from theme
+    if (theme !== null) {
+      const {
+        fonts: themeFonts = [],
+        ...newTheme
+      } = this.parse(theme);
+      return fonts.length > 0 || themeFonts.length > 0 ? {
+        ...story,
+        theme: newTheme,
+        fonts: uniq([...themeFonts, ...fonts], 'name')
+      } : story;
+    }
+    return fonts.length > 0 ? {
+      ...story,
+      fonts
+    } : story;
+  }
+  getFieldsPattern(fields, namePrefix = null) {
+    return fields.reduce((patterns, field) => {
+      const {
+        name = null,
+        type = null
+      } = field;
+      const path = [namePrefix, name].filter(it => it !== null).join('\\.');
+      const fieldDefinition = {
+        ...(type !== null ? this.fieldsManager.getDefinition(type) : null),
+        ...field
+      };
 
-        // also check settings fields
-        var _fieldDefinition$fiel = fieldDefinition.fields,
-          subFields = _fieldDefinition$fiel === void 0 ? [] : _fieldDefinition$fiel,
-          _fieldDefinition$item = fieldDefinition.itemsField,
-          itemsField = _fieldDefinition$item === void 0 ? null : _fieldDefinition$item,
-          _fieldDefinition$sett = fieldDefinition.settings,
-          settings = _fieldDefinition$sett === void 0 ? [] : _fieldDefinition$sett;
-        return [].concat(_toConsumableArray(patterns), _toConsumableArray(FontsParser.fieldIsFontFamily(fieldDefinition) ? [new RegExp("^".concat(path, "$"))] : []), _toConsumableArray(_this2.getFieldsPattern(subFields, path)), _toConsumableArray(_this2.getFieldsPattern(settings, path)), _toConsumableArray(itemsField !== null ? _this2.getFieldsPattern([itemsField], "".concat(path, "\\.[0-9]+")) : []));
-      }, []);
-    }
-  }], [{
-    key: "fieldIsFontFamily",
-    value: function fieldIsFontFamily(_ref5) {
-      var _ref5$id = _ref5.id,
-        id = _ref5$id === void 0 ? null : _ref5$id;
-      return id === 'font-family';
-    }
-  }, {
-    key: "valueIsFont",
-    value: function valueIsFont(_ref6) {
-      var _ref6$type = _ref6.type,
-        type = _ref6$type === void 0 ? null : _ref6$type;
-      return type === 'custom' || type === 'google';
-    }
-  }, {
-    key: "extractFontsWithPaths",
-    value: function extractFontsWithPaths(data, patterns) {
-      var keyPrefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-      var dataIsArray = isArray(data);
-      var keys = dataIsArray ? _toConsumableArray(data.keys()) : Object.keys(data);
-      return keys.reduce(function (currentFonts, key) {
-        var path = [keyPrefix, key].filter(function (it) {
-          return it !== null;
-        }).join('.');
-        var patternMatch = patterns.reduce(function (found, pattern) {
-          return found || pattern.test(path);
-        }, false);
-        var value = data[key];
-        var font = null;
-        var subFonts = null;
-        if (patternMatch && isObject(value) && FontsParser.valueIsFont(value)) {
-          font = value;
-        } else if (isObject(value) || isArray(value)) {
-          subFonts = FontsParser.extractFontsWithPaths(value, patterns, path);
-        }
-        return subFonts !== null || font !== null ? [].concat(_toConsumableArray(currentFonts), _toConsumableArray(subFonts || []), _toConsumableArray(font !== null ? [font] : [])) : currentFonts;
-      }, []);
-    }
-  }]);
-}();
+      // also check settings fields
+      const {
+        fields: subFields = [],
+        itemsField = null,
+        settings = []
+      } = fieldDefinition;
+      return [...patterns, ...(FontsParser.fieldIsFontFamily(fieldDefinition) ? [new RegExp(`^${path}$`)] : []), ...this.getFieldsPattern(subFields, path), ...this.getFieldsPattern(settings, path), ...(itemsField !== null ? this.getFieldsPattern([itemsField], `${path}\\.[0-9]+`) : [])];
+    }, []);
+  }
+  static fieldIsFontFamily({
+    id = null
+  }) {
+    return id === 'font-family';
+  }
+  static valueIsFont({
+    type = null
+  }) {
+    return type === 'custom' || type === 'google';
+  }
+  static extractFontsWithPaths(data, patterns, keyPrefix = null) {
+    const dataIsArray = isArray(data);
+    const keys = dataIsArray ? [...data.keys()] : Object.keys(data);
+    return keys.reduce((currentFonts, key) => {
+      const path = [keyPrefix, key].filter(it => it !== null).join('.');
+      const patternMatch = patterns.reduce((found, pattern) => found || pattern.test(path), false);
+      const value = data[key];
+      let font = null;
+      let subFonts = null;
+      if (patternMatch && isObject(value) && FontsParser.valueIsFont(value)) {
+        font = value;
+      } else if (isObject(value) || isArray(value)) {
+        subFonts = FontsParser.extractFontsWithPaths(value, patterns, path);
+      }
+      return subFonts !== null || font !== null ? [...currentFonts, ...(subFonts || []), ...(font !== null ? [font] : [])] : currentFonts;
+    }, []);
+  }
+}
 
-var FormsManager = /*#__PURE__*/function (_ComponentsManager) {
-  function FormsManager() {
-    _classCallCheck(this, FormsManager);
-    return _callSuper(this, FormsManager, arguments);
-  }
-  _inherits(FormsManager, _ComponentsManager);
-  return _createClass(FormsManager);
-}(ComponentsManager);
+class FormsManager extends ComponentsManager {}
 
-var _excluded$1 = ["medias"];
-var MediasParser = /*#__PURE__*/function () {
-  function MediasParser(_ref) {
-    var fieldsManager = _ref.fieldsManager,
-      screensManager = _ref.screensManager;
-    _classCallCheck(this, MediasParser);
-    _defineProperty(this, "fieldsManager", void 0);
-    _defineProperty(this, "screensManager", void 0);
+class MediasParser {
+  constructor({
+    fieldsManager,
+    screensManager
+  }) {
     this.fieldsManager = fieldsManager;
     this.screensManager = screensManager;
   }
 
   // Convert medias object to path
-  return _createClass(MediasParser, [{
-    key: "toPath",
-    value: function toPath(story) {
-      var _this = this;
-      if (story === null) {
-        return story;
-      }
-      var _ref2 = story || {},
-        _ref2$theme = _ref2.theme,
-        theme = _ref2$theme === void 0 ? null : _ref2$theme,
-        _ref2$components = _ref2.components,
-        components = _ref2$components === void 0 ? [] : _ref2$components;
-      var _components$reduce = components.reduce(function (_ref3, screen) {
-          var previousComponents = _ref3.components,
-            currentMedias = _ref3.medias;
-          var type = screen.type;
-          var _ref4 = _this.screensManager.getDefinition(type) || {},
-            _ref4$fields = _ref4.fields,
-            fields = _ref4$fields === void 0 ? [] : _ref4$fields;
-          var fieldsPattern = _this.getMediaFieldsPattern(fields);
-          var _MediasParser$replace = MediasParser.replaceMediasWithPaths(screen, fieldsPattern),
-            newScreen = _MediasParser$replace.data,
-            newMedias = _MediasParser$replace.medias;
-          return {
-            components: [].concat(_toConsumableArray(previousComponents), [newScreen]),
-            medias: _objectSpread(_objectSpread({}, currentMedias), newMedias)
-          };
-        }, {
-          components: [],
-          medias: null
-        }),
-        newComponents = _components$reduce.components,
-        medias = _components$reduce.medias;
-      if (theme !== null) {
-        var _ref5 = this.toPath(theme),
-          themeMedias = _ref5.medias,
-          newTheme = _objectWithoutProperties(_ref5, _excluded$1);
-        return medias !== null || themeMedias !== null ? _objectSpread(_objectSpread({}, story), {}, {
-          theme: newTheme,
-          components: newComponents,
-          medias: _objectSpread(_objectSpread({}, themeMedias), medias)
-        }) : story;
-      }
-      return medias !== null ? _objectSpread(_objectSpread({}, story), {}, {
+  toPath(story) {
+    if (story === null) {
+      return story;
+    }
+    const {
+      theme = null,
+      components = []
+    } = story || {};
+    const {
+      components: newComponents,
+      medias
+    } = components.reduce(({
+      components: previousComponents,
+      medias: currentMedias
+    }, screen) => {
+      const {
+        type
+      } = screen;
+      const {
+        fields = []
+      } = this.screensManager.getDefinition(type) || {};
+      const fieldsPattern = this.getMediaFieldsPattern(fields);
+      const {
+        data: newScreen,
+        medias: newMedias
+      } = MediasParser.replaceMediasWithPaths(screen, fieldsPattern);
+      return {
+        components: [...previousComponents, newScreen],
+        medias: {
+          ...currentMedias,
+          ...newMedias
+        }
+      };
+    }, {
+      components: [],
+      medias: null
+    });
+    if (theme !== null) {
+      const {
+        medias: themeMedias,
+        ...newTheme
+      } = this.toPath(theme);
+      return medias !== null || themeMedias !== null ? {
+        ...story,
+        theme: newTheme,
         components: newComponents,
-        medias: medias
-      }) : story;
+        medias: {
+          ...themeMedias,
+          ...medias
+        }
+      } : story;
     }
+    return medias !== null ? {
+      ...story,
+      components: newComponents,
+      medias
+    } : story;
+  }
 
-    // Convert path to medias object
-  }, {
-    key: "fromPath",
-    value: function fromPath(story) {
-      var _this2 = this;
-      var defaultMedias = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      if (story === null) {
-        return story;
-      }
-      var _ref6 = story || {},
-        _ref6$theme = _ref6.theme,
-        theme = _ref6$theme === void 0 ? null : _ref6$theme,
-        _ref6$components = _ref6.components,
-        components = _ref6$components === void 0 ? [] : _ref6$components,
-        _ref6$medias = _ref6.medias,
-        medias = _ref6$medias === void 0 ? defaultMedias : _ref6$medias;
-      if (medias === null && theme === null) {
-        return story;
-      }
+  // Convert path to medias object
+  fromPath(story, defaultMedias = null) {
+    if (story === null) {
+      return story;
+    }
+    const {
+      theme = null,
+      components = [],
+      medias = defaultMedias
+    } = story || {};
+    if (medias === null && theme === null) {
+      return story;
+    }
 
-      // Replace path with medias objects
-      var newComponents = medias !== null ? components.map(function (screen) {
-        var type = screen.type;
-        var _ref7 = _this2.screensManager.getDefinition(type) || {},
-          _ref7$fields = _ref7.fields,
-          fields = _ref7$fields === void 0 ? [] : _ref7$fields;
-        var fieldsPattern = _this2.getMediaFieldsPattern(fields);
-        return MediasParser.replacePathsWithMedias(screen, medias, fieldsPattern);
-      }) : components;
+    // Replace path with medias objects
+    const newComponents = medias !== null ? components.map(screen => {
+      const {
+        type
+      } = screen;
+      const {
+        fields = []
+      } = this.screensManager.getDefinition(type) || {};
+      const fieldsPattern = this.getMediaFieldsPattern(fields);
+      return MediasParser.replacePathsWithMedias(screen, medias, fieldsPattern);
+    }) : components;
 
-      // Replace path with medias object in theme
-      if (theme !== null) {
-        var newTheme = this.fromPath(theme, medias);
-        return newTheme !== theme || newComponents !== components ? _objectSpread(_objectSpread({}, story), {}, {
-          theme: newTheme,
-          components: newComponents
-        }) : story;
-      }
-      return newComponents !== components ? _objectSpread(_objectSpread({}, story), {}, {
+    // Replace path with medias object in theme
+    if (theme !== null) {
+      const newTheme = this.fromPath(theme, medias);
+      return newTheme !== theme || newComponents !== components ? {
+        ...story,
+        theme: newTheme,
         components: newComponents
-      }) : story;
+      } : story;
     }
-  }, {
-    key: "getMediaFieldsPattern",
-    value: function getMediaFieldsPattern(fields) {
-      var _this3 = this;
-      var namePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      return fields.reduce(function (patterns, field) {
-        var _field$name = field.name,
-          name = _field$name === void 0 ? null : _field$name,
-          _field$type = field.type,
-          type = _field$type === void 0 ? null : _field$type;
-        var path = [namePrefix, name].filter(function (it) {
-          return it !== null;
-        }).join('\\.');
-        var fieldDefinition = _objectSpread(_objectSpread({}, type !== null ? _this3.fieldsManager.getDefinition(type) : null), field);
+    return newComponents !== components ? {
+      ...story,
+      components: newComponents
+    } : story;
+  }
+  getMediaFieldsPattern(fields, namePrefix = null) {
+    return fields.reduce((patterns, field) => {
+      const {
+        name = null,
+        type = null
+      } = field;
+      const path = [namePrefix, name].filter(it => it !== null).join('\\.');
+      const fieldDefinition = {
+        ...(type !== null ? this.fieldsManager.getDefinition(type) : null),
+        ...field
+      };
 
-        // also check settings fields
-        var _fieldDefinition$fiel = fieldDefinition.fields,
-          subFields = _fieldDefinition$fiel === void 0 ? [] : _fieldDefinition$fiel,
-          _fieldDefinition$item = fieldDefinition.itemsField,
-          itemsField = _fieldDefinition$item === void 0 ? null : _fieldDefinition$item,
-          _fieldDefinition$sett = fieldDefinition.settings,
-          settings = _fieldDefinition$sett === void 0 ? [] : _fieldDefinition$sett;
-        return [].concat(_toConsumableArray(patterns), _toConsumableArray(MediasParser.fieldIsMedia(fieldDefinition) ? [new RegExp("^".concat(path, "$"))] : []), _toConsumableArray(MediasParser.fieldIsFontFamily(fieldDefinition) ? [new RegExp("^".concat(path, "\\.media$"))] : []), _toConsumableArray(_this3.getMediaFieldsPattern(subFields, path)), _toConsumableArray(_this3.getMediaFieldsPattern(settings, path)), _toConsumableArray(itemsField !== null ? _this3.getMediaFieldsPattern([itemsField], "".concat(path, "\\.[0-9]+")) : []));
-      }, []);
-    }
-  }], [{
-    key: "fieldIsMedia",
-    value: function fieldIsMedia(_ref8) {
-      var _ref8$media = _ref8.media,
-        media = _ref8$media === void 0 ? false : _ref8$media;
-      return media;
-    }
-  }, {
-    key: "fieldIsFontFamily",
-    value: function fieldIsFontFamily(_ref9) {
-      var _ref9$id = _ref9.id,
-        id = _ref9$id === void 0 ? null : _ref9$id;
-      return id === 'font-family';
-    }
-  }, {
-    key: "replacePathsWithMedias",
-    value: function replacePathsWithMedias(data, medias, patterns) {
-      var keyPrefix = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-      var dataIsArray = isArray(data);
-      var keys = dataIsArray ? _toConsumableArray(data.keys()) : Object.keys(data);
-      return keys.reduce(function (newData, key) {
-        var path = [keyPrefix, key].filter(function (it) {
-          return it !== null;
-        }).join('.');
-        var patternMatch = patterns.reduce(function (found, pattern) {
-          return found || pattern.test(path);
-        }, false);
-        var value = data[key];
-        var newValue;
-        if (patternMatch) {
-          newValue = isObject(value) ? value : medias[value] || null;
-        } else {
-          newValue = isObject(value) || isArray(value) ? MediasParser.replacePathsWithMedias(value, medias, patterns, path) : value;
-        }
-        return dataIsArray ? [].concat(_toConsumableArray(newData), [newValue]) : _objectSpread(_objectSpread({}, newData), {}, _defineProperty({}, key, newValue));
-      }, dataIsArray ? [] : {});
-    }
-  }, {
-    key: "getMediaPath",
-    value: function getMediaPath(_ref0) {
-      var _ref0$id = _ref0.id,
-        id = _ref0$id === void 0 ? null : _ref0$id;
-      return id !== null ? "media://".concat(id) : null;
-    }
-  }, {
-    key: "replaceMediasWithPaths",
-    value: function replaceMediasWithPaths(data, patterns) {
-      var medias = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-      var keyPrefix = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-      var dataIsArray = isArray(data);
-      var keys = dataIsArray ? _toConsumableArray(data.keys()) : Object.keys(data);
-      return keys.reduce(function (_ref1, key) {
-        var currentData = _ref1.data,
-          currentMedias = _ref1.medias;
-        var path = [keyPrefix, key].filter(function (it) {
-          return it !== null;
-        }).join('.');
-        var patternMatch = patterns.reduce(function (found, pattern) {
-          return found || pattern.test(path);
-        }, false);
-        var value = data[key];
-        var newValue;
-        var media = null;
-        var subMedias = null;
-        if (patternMatch && isObject(value)) {
-          var mediaPath = MediasParser.getMediaPath(value);
-          newValue = mediaPath !== null ? mediaPath : value;
-          media = mediaPath !== null ? value : null;
-        } else if (isObject(value) || isArray(value)) {
-          var subReturn = MediasParser.replaceMediasWithPaths(value, patterns, medias, path);
-          newValue = subReturn.data;
-          subMedias = subReturn.medias;
-        } else {
-          newValue = value;
+      // also check settings fields
+      const {
+        fields: subFields = [],
+        itemsField = null,
+        settings = []
+      } = fieldDefinition;
+      return [...patterns, ...(MediasParser.fieldIsMedia(fieldDefinition) ? [new RegExp(`^${path}$`)] : []), ...(MediasParser.fieldIsFontFamily(fieldDefinition) ? [new RegExp(`^${path}\\.media$`)] : []), ...this.getMediaFieldsPattern(subFields, path), ...this.getMediaFieldsPattern(settings, path), ...(itemsField !== null ? this.getMediaFieldsPattern([itemsField], `${path}\\.[0-9]+`) : [])];
+    }, []);
+  }
+  static fieldIsMedia({
+    media = false
+  }) {
+    return media;
+  }
+  static fieldIsFontFamily({
+    id = null
+  }) {
+    return id === 'font-family';
+  }
+  static replacePathsWithMedias(data, medias, patterns, keyPrefix = null) {
+    const dataIsArray = isArray(data);
+    const keys = dataIsArray ? [...data.keys()] : Object.keys(data);
+    return keys.reduce((newData, key) => {
+      const path = [keyPrefix, key].filter(it => it !== null).join('.');
+      const patternMatch = patterns.reduce((found, pattern) => found || pattern.test(path), false);
+      const value = data[key];
+      let newValue;
+      if (patternMatch) {
+        newValue = isObject(value) ? value : medias[value] || null;
+      } else {
+        newValue = isObject(value) || isArray(value) ? MediasParser.replacePathsWithMedias(value, medias, patterns, path) : value;
+      }
+      return dataIsArray ? [...newData, newValue] : {
+        ...newData,
+        [key]: newValue
+      };
+    }, dataIsArray ? [] : {});
+  }
+  static getMediaPath({
+    id = null
+  }) {
+    return id !== null ? `media://${id}` : null;
+  }
+  static replaceMediasWithPaths(data, patterns, medias = null, keyPrefix = null) {
+    const dataIsArray = isArray(data);
+    const keys = dataIsArray ? [...data.keys()] : Object.keys(data);
+    return keys.reduce(({
+      data: currentData,
+      medias: currentMedias
+    }, key) => {
+      const path = [keyPrefix, key].filter(it => it !== null).join('.');
+      const patternMatch = patterns.reduce((found, pattern) => found || pattern.test(path), false);
+      const value = data[key];
+      let newValue;
+      let media = null;
+      let subMedias = null;
+      if (patternMatch && isObject(value)) {
+        const mediaPath = MediasParser.getMediaPath(value);
+        newValue = mediaPath !== null ? mediaPath : value;
+        media = mediaPath !== null ? value : null;
+      } else if (isObject(value) || isArray(value)) {
+        const subReturn = MediasParser.replaceMediasWithPaths(value, patterns, medias, path);
+        newValue = subReturn.data;
+        subMedias = subReturn.medias;
+      } else {
+        newValue = value;
+      }
+      return {
+        data: dataIsArray ? [...(currentData || []), newValue] : {
+          ...currentData,
+          [key]: newValue
+        },
+        medias: media !== null ? {
+          ...currentMedias,
+          ...subMedias,
+          [newValue]: media
+        } : {
+          ...currentMedias,
+          ...subMedias
         }
-        return {
-          data: dataIsArray ? [].concat(_toConsumableArray(currentData || []), [newValue]) : _objectSpread(_objectSpread({}, currentData), {}, _defineProperty({}, key, newValue)),
-          medias: media !== null ? _objectSpread(_objectSpread(_objectSpread({}, currentMedias), subMedias), {}, _defineProperty({}, newValue, media)) : _objectSpread(_objectSpread({}, currentMedias), subMedias)
-        };
-      }, {
-        data: null,
-        medias: medias
-      });
-    }
-  }]);
-}();
+      };
+    }, {
+      data: null,
+      medias
+    });
+  }
+}
 
-var _excluded = ["value"],
-  _excluded2 = ["value"];
-var Tracking = /*#__PURE__*/function (_BaseTracking) {
-  function Tracking() {
-    var _this;
-    var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    _classCallCheck(this, Tracking);
-    _this = _callSuper(this, Tracking, [opts]);
-    _defineProperty(_this, "variables", void 0);
-    var _this$options$variabl = _this.options.variables,
-      variables = _this$options$variabl === void 0 ? null : _this$options$variabl;
-    _this.variables = null;
+/* eslint-disable no-console */
+class Tracking extends Tracking$1 {
+  constructor(opts = {}) {
+    super(opts);
+    const {
+      variables = null
+    } = this.options;
+    this.variables = null;
     if (variables !== null) {
-      _this.setVariables(variables);
+      this.setVariables(variables);
     }
-    return _this;
-  }
-  _inherits(Tracking, _BaseTracking);
-  return _createClass(Tracking, [{
-    key: "setVariables",
-    value: function setVariables(variables) {
-      this.variables = variables;
-      if (variables !== null) {
-        this.push(variables);
-      }
-    }
-  }, {
-    key: "getVariables",
-    value: function getVariables() {
-      return this.variables;
-    }
-  }, {
-    key: "trackScreenView",
-    value: function trackScreenView(screen, screenIndex) {
-      var _ref = screen || {},
-        _ref$id = _ref.id,
-        screenId = _ref$id === void 0 ? null : _ref$id,
-        _ref$type = _ref.type,
-        screenType = _ref$type === void 0 ? null : _ref$type;
-      var data = {
-        event: 'screenView',
-        screenId: screenId,
-        screenType: screenType,
-        screenIndex: screenIndex
-      };
-      this.push(data);
-    }
-  }, {
-    key: "trackEvent",
-    value: function trackEvent(category, action, label) {
-      var _ref2 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {},
-        _ref2$value = _ref2.value,
-        value = _ref2$value === void 0 ? null : _ref2$value,
-        opts = _objectWithoutProperties(_ref2, _excluded);
-      var data = _objectSpread(_objectSpread({}, opts), {}, {
-        event: 'eventInteraction',
-        eventCategory: category,
-        eventAction: action,
-        eventLabel: label,
-        eventValue: value
-      });
-      this.push(data);
-    }
-  }, {
-    key: "trackMedia",
-    value: function trackMedia(type, media, action) {
-      var _ref3 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {},
-        _ref3$value = _ref3.value,
-        value = _ref3$value === void 0 ? null : _ref3$value,
-        opts = _objectWithoutProperties(_ref3, _excluded2);
-      var _ref4 = media || {},
-        _ref4$id = _ref4.id,
-        mediaId = _ref4$id === void 0 ? null : _ref4$id,
-        _ref4$name = _ref4.name,
-        name = _ref4$name === void 0 ? null : _ref4$name,
-        _ref4$duration = _ref4.duration,
-        duration = _ref4$duration === void 0 ? null : _ref4$duration,
-        _ref4$currentTime = _ref4.currentTime,
-        currentTime = _ref4$currentTime === void 0 ? null : _ref4$currentTime;
-      var label = name;
-      var data = _objectSpread(_objectSpread({}, opts), {}, {
-        event: 'eventInteraction',
-        eventCategory: type,
-        eventAction: action,
-        eventLabel: label,
-        eventValue: value,
-        mediaId: mediaId,
-        mediaCurrentTime: currentTime !== null ? Math.round(currentTime) : null,
-        mediaProgress: currentTime !== null && duration !== null && duration > 0 ? Math.round(currentTime / duration * 100) : null
-      });
-      this.push(data);
+  }
+  setVariables(variables) {
+    this.variables = variables;
+    if (variables !== null) {
+      this.push(variables);
     }
-  }]);
-}(Tracking$1);
+  }
+  getVariables() {
+    return this.variables;
+  }
+  trackScreenView(screen, screenIndex) {
+    const {
+      id: screenId = null,
+      type: screenType = null
+    } = screen || {};
+    const data = {
+      event: 'screenView',
+      screenId,
+      screenType,
+      screenIndex
+    };
+    this.push(data);
+  }
+  trackEvent(category, action, label, {
+    value = null,
+    ...opts
+  } = {}) {
+    const data = {
+      ...opts,
+      event: 'eventInteraction',
+      eventCategory: category,
+      eventAction: action,
+      eventLabel: label,
+      eventValue: value
+    };
+    this.push(data);
+  }
+  trackMedia(type, media, action, {
+    value = null,
+    ...opts
+  } = {}) {
+    const {
+      id: mediaId = null,
+      name = null,
+      duration = null,
+      currentTime = null
+    } = media || {};
+    const label = name;
+    const data = {
+      ...opts,
+      event: 'eventInteraction',
+      eventCategory: type,
+      eventAction: action,
+      eventLabel: label,
+      eventValue: value,
+      mediaId,
+      mediaCurrentTime: currentTime !== null ? Math.round(currentTime) : null,
+      mediaProgress: currentTime !== null && duration !== null && duration > 0 ? Math.round(currentTime / duration * 100) : null
+    };
+    this.push(data);
+  }
+}
 
 export { ComponentsManager, DefinitionsManager, EventsManager, FieldsManager, FontsParser, FormsManager, MediasParser, Tracking };