@micromag/core 0.4.71 → 0.4.74

package/lib/index.js

@@ -1,1713 +0,0 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
-var _createClass = require('@babel/runtime/helpers/createClass');
-var isArray = require('lodash/isArray');
-var isObject = require('lodash/isObject');
-var uniqWith = require('lodash/uniqWith');
-var sortBy = require('lodash/sortBy');
-var _callSuper = require('@babel/runtime/helpers/callSuper');
-var _inherits = require('@babel/runtime/helpers/inherits');
-var EventEmitter = require('wolfy87-eventemitter');
-var changeCase = require('change-case');
-var uniqBy = require('lodash/uniqBy');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var uniq = require('lodash/uniq');
-var _typeof = require('@babel/runtime/helpers/typeof');
-var isString = require('lodash/isString');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var isEmpty = require('lodash/isEmpty');
-var tracking = require('@folklore/tracking');
-
-var sortedColors = function sortedColors(colors) {
-  return sortBy(colors, ['color', 'alpha']);
-};
-var uniqueColors = function uniqueColors(colors) {
-  return uniqWith(colors, function (colorA, colorB) {
-    return colorA.alpha === colorB.alpha && colorA.color === colorB.color;
-  });
-};
-var ColorsParser = /*#__PURE__*/function () {
-  function ColorsParser(_ref) {
-    var fieldsManager = _ref.fieldsManager,
-      screensManager = _ref.screensManager;
-    _classCallCheck(this, ColorsParser);
-    this.fieldsManager = fieldsManager;
-    this.screensManager = screensManager;
-  }
-
-  // Convert medias object to path
-  return _createClass(ColorsParser, [{
-    key: "parse",
-    value: function parse(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 _ref3$colors = _ref3.colors,
-            currentColors = _ref3$colors === void 0 ? null : _ref3$colors;
-          var type = screen.type;
-          var _ref4 = _this.screensManager.getDefinition(type) || {},
-            _ref4$fields = _ref4.fields,
-            fields = _ref4$fields === void 0 ? [] : _ref4$fields;
-          var fieldsPattern = _this.getColorFieldPatterns(fields);
-          var _ColorsParser$getColo = ColorsParser.getColorsFromPath(screen, fieldsPattern),
-            newColors = _ColorsParser$getColo.colors;
-          return {
-            colors: [].concat(_toConsumableArray(currentColors), _toConsumableArray(newColors))
-          };
-        }, {
-          colors: []
-        }),
-        colors = _components$reduce.colors;
-      if (theme !== null) {
-        var themeColors = this.parse(theme);
-        return colors !== null || themeColors !== null ? uniqueColors([].concat(_toConsumableArray(sortedColors(themeColors || [])), _toConsumableArray(sortedColors(colors || [])))) : [];
-      }
-      return colors !== null ? sortedColors(uniqueColors(colors || [])) : [];
-    }
-  }, {
-    key: "getColorFieldPatterns",
-    value: function getColorFieldPatterns(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);
-        // 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(ColorsParser.fieldIsColor(fieldDefinition) ? [new RegExp("^".concat(path, "$"))] : []), _toConsumableArray(_this2.getColorFieldPatterns(subFields, path)), _toConsumableArray(_this2.getColorFieldPatterns(settings, path)), _toConsumableArray(itemsField !== null ? _this2.getColorFieldPatterns([itemsField], "".concat(path, "\\.[0-9]+")) : []));
-      }, []);
-    }
-  }], [{
-    key: "fieldIsColor",
-    value: function fieldIsColor(_ref5) {
-      var _ref5$id = _ref5.id,
-        id = _ref5$id === void 0 ? null : _ref5$id;
-      return id === 'color';
-    }
-  }, {
-    key: "getColorsFromPath",
-    value: function getColorsFromPath(data, patterns) {
-      var colors = 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 (_ref6, key) {
-        var currentData = _ref6.data,
-          _ref6$colors = _ref6.colors,
-          currentColors = _ref6$colors === void 0 ? null : _ref6$colors;
-        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 color = null;
-        var newValue = null;
-        var subColors = null;
-        if (patternMatch && isObject(value)) {
-          if (value.color && value.color.length === 4) {
-            var innerColor = value.color.split('').map(function (hex, i) {
-              return i > 0 ? hex + hex : hex;
-            }).join('').toUpperCase();
-            color = {
-              alpha: value.alpha || 1,
-              color: innerColor
-            };
-          } else if (value.color) {
-            color = {
-              alpha: value.alpha,
-              color: value.color.toUpperCase()
-            };
-          }
-        } else if (isObject(value) || isArray(value)) {
-          var subReturn = ColorsParser.getColorsFromPath(value, patterns, colors, path);
-          newValue = subReturn.data;
-          subColors = subReturn.colors;
-        } else {
-          newValue = value;
-        }
-        return {
-          data: dataIsArray ? [].concat(_toConsumableArray(currentData || []), [newValue]) : _objectSpread(_objectSpread({}, currentData), {}, _defineProperty({}, key, newValue)),
-          colors: color !== null ? [].concat(_toConsumableArray(currentColors || []), _toConsumableArray(subColors || []), [color]) : [].concat(_toConsumableArray(currentColors || []), _toConsumableArray(subColors || []))
-        };
-      }, {
-        data: keys.length === 0 ? data : null,
-        colors: colors
-      });
-    }
-  }]);
-}();
-
-var getComponentFromName = function getComponentFromName() {
-  var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  var components = arguments.length > 1 ? arguments[1] : undefined;
-  var defaultComponent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-  if (components === null || name === null) {
-    return defaultComponent;
-  }
-  var pascalName = changeCase.pascalCase(name);
-  return components[pascalName] || components[name] || defaultComponent;
-};
-
-function getScreenFieldsWithStates(definition) {
-  var _ref = definition || {},
-    _ref$fields = _ref.fields,
-    screenFields = _ref$fields === void 0 ? null : _ref$fields,
-    _ref$states = _ref.states,
-    states = _ref$states === void 0 ? null : _ref$states;
-  if (states === null) {
-    return screenFields;
-  }
-  var extraFields = states.reduce(function (statesFields, current) {
-    var _ref2 = current || {},
-      id = _ref2.id,
-      _ref2$fields = _ref2.fields,
-      fields = _ref2$fields === void 0 ? [] : _ref2$fields,
-      _ref2$repeatable = _ref2.repeatable,
-      repeatable = _ref2$repeatable === void 0 ? false : _ref2$repeatable,
-      _ref2$fieldName = _ref2.fieldName,
-      fieldName = _ref2$fieldName === void 0 ? null : _ref2$fieldName,
-      label = _ref2.label,
-      _ref2$defaultValue = _ref2.defaultValue,
-      defaultValue = _ref2$defaultValue === void 0 ? null : _ref2$defaultValue;
-    return [].concat(_toConsumableArray(statesFields), _toConsumableArray(repeatable ? [{
-      type: 'items',
-      name: fieldName || id,
-      label: label,
-      defaultValue: defaultValue,
-      stateId: id,
-      itemsField: {
-        label: label,
-        type: 'fields',
-        fields: fields
-      }
-    }] : []), _toConsumableArray(!repeatable && fieldName !== null ? [{
-      type: 'fields',
-      name: fieldName,
-      stateId: id,
-      fields: fields
-    }] : []), _toConsumableArray(!repeatable && fieldName === null ? fields.map(function (it) {
-      return _objectSpread(_objectSpread({}, it), {}, {
-        stateId: id
-      });
-    }) : []));
-  }, []);
-  return [].concat(_toConsumableArray(extraFields), _toConsumableArray(screenFields));
-}
-
-var ComponentsManager = /*#__PURE__*/function (_EventEmitter) {
-  function ComponentsManager() {
-    var _this;
-    var components = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    _classCallCheck(this, ComponentsManager);
-    _this = _callSuper(this, ComponentsManager);
-    _this.components = components;
-    return _this;
-  }
-  _inherits(ComponentsManager, _EventEmitter);
-  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);
-      this.emit('change');
-      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 _this2 = 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), _this2.components[name]));
-      }, {});
-      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 _this3 = 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], _this3.components[name])) : componentsMap;
-      }, {}) : 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';
-    }
-  }]);
-}(EventEmitter);
-
-var DefinitionsManager = /*#__PURE__*/function (_EventEmitter) {
-  function DefinitionsManager() {
-    var _this;
-    var definitions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    _classCallCheck(this, DefinitionsManager);
-    _this = _callSuper(this, DefinitionsManager);
-    _this.definitions = definitions || [];
-    return _this;
-  }
-  _inherits(DefinitionsManager, _EventEmitter);
-  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;
-      });
-      this.emit('change');
-      return this;
-    }
-  }, {
-    key: "merge",
-    value: function merge(manager) {
-      return this.addDefinitions(manager.getDefinitions());
-    }
-  }, {
-    key: "filter",
-    value: function filter(_filter) {
-      // this.definitions = this.definitions.filter(filter);
-      // return this;
-      return new DefinitionsManager(this.definitions.filter(_filter));
-    }
-  }, {
-    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;
-      }, {});
-    }
-  }]);
-}(EventEmitter);
-
-var EventsManager = /*#__PURE__*/function (_EventEmitter) {
-  function EventsManager(element) {
-    var _this;
-    _classCallCheck(this, EventsManager);
-    _this = _callSuper(this, EventsManager);
-    _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);
-      }
-    }
-  }, {
-    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));
-        };
-      }
-      this.element.addEventListener(event, this.listeners[event]);
-    }
-  }, {
-    key: "removeEventListener",
-    value: function removeEventListener(event) {
-      this.element.removeEventListener(event, this.listeners[event]);
-    }
-  }]);
-}(EventEmitter);
-
-var FieldsManager = /*#__PURE__*/function (_DefinitionsManager) {
-  function FieldsManager() {
-    _classCallCheck(this, FieldsManager);
-    return _callSuper(this, FieldsManager, arguments);
-  }
-  _inherits(FieldsManager, _DefinitionsManager);
-  return _createClass(FieldsManager, [{
-    key: "filter",
-    value: function filter(_filter) {
-      return new FieldsManager(this.definitions.filter(_filter));
-    }
-  }]);
-}(DefinitionsManager);
-
-var _excluded$8 = ["medias"],
-  _excluded2$3 = ["medias"];
-var MediasParser = /*#__PURE__*/function () {
-  function MediasParser(_ref) {
-    var fieldsManager = _ref.fieldsManager,
-      screensManager = _ref.screensManager,
-      _ref$fieldsPattern = _ref.fieldsPattern,
-      fieldsPattern = _ref$fieldsPattern === void 0 ? {} : _ref$fieldsPattern;
-    _classCallCheck(this, MediasParser);
-    this.fieldsManager = fieldsManager;
-    this.screensManager = screensManager;
-    this.fieldsPatternCache = fieldsPattern || {};
-    this.parsedThemesCache = {};
-  }
-  return _createClass(MediasParser, [{
-    key: "getParsedStoryTheme",
-    value: function getParsedStoryTheme(storyId, theme) {
-      if (typeof this.parsedThemesCache[storyId] === 'undefined') {
-        var _this$toPath = this.toPath(theme),
-          themeMedias = _this$toPath.medias,
-          newTheme = _objectWithoutProperties(_this$toPath, _excluded$8);
-        this.parsedThemesCache[storyId] = {
-          themeMedias: themeMedias,
-          newTheme: newTheme
-        };
-      }
-      return this.parsedThemesCache[storyId];
-    }
-  }, {
-    key: "getFieldsPatternByScreen",
-    value: function getFieldsPatternByScreen(type) {
-      if (typeof this.fieldsPatternCache[type] === 'undefined') {
-        var fields = getScreenFieldsWithStates(this.screensManager.getDefinition(type) || {});
-        this.fieldsPatternCache[type] = this.getFieldsPattern(fields || []);
-      }
-      return this.fieldsPatternCache[type];
-    }
-
-    // Convert medias object to path
-  }, {
-    key: "toPath",
-    value: function toPath(story) {
-      var _this = this;
-      if (story === null) {
-        return story;
-      }
-      var _ref2 = story || {},
-        _ref2$id = _ref2.id,
-        storyId = _ref2$id === void 0 ? null : _ref2$id,
-        _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 fieldsPattern = _this.getFieldsPatternByScreen(type);
-          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 _this$getParsedStoryT = this.getParsedStoryTheme(storyId, theme),
-          themeMedias = _this$getParsedStoryT.medias,
-          newTheme = _objectWithoutProperties(_this$getParsedStoryT, _excluded2$3);
-        return medias !== null || themeMedias !== null ? _objectSpread(_objectSpread({}, story), {}, {
-          theme: newTheme,
-          components: newComponents,
-          medias: _objectSpread(_objectSpread({}, themeMedias), medias)
-        }) : story;
-      }
-      return medias !== null ? _objectSpread(_objectSpread({}, story), {}, {
-        components: newComponents,
-        medias: medias
-      }) : story;
-    }
-
-    // Convert path to medias object
-  }, {
-    key: "fromPath",
-    value: function fromPath(story) {
-      var defaultMedias = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      if (story === null) {
-        return story;
-      }
-      var _ref4 = story || {},
-        _ref4$theme = _ref4.theme,
-        theme = _ref4$theme === void 0 ? null : _ref4$theme,
-        _ref4$components = _ref4.components,
-        components = _ref4$components === void 0 ? [] : _ref4$components,
-        _ref4$medias = _ref4.medias,
-        medias = _ref4$medias === void 0 ? defaultMedias : _ref4$medias;
-      if (medias === null && theme === null) {
-        return story;
-      }
-
-      // Replace path with medias objects
-      // const newComponents =
-      //     medias !== null
-      //         ? components.map((screen) => {
-      //               const { type } = screen;
-      //               const fieldsPattern = this.getFieldsPatternByScreen(type);
-      //               return MediasParser.replacePathsWithMedias(screen, medias, fieldsPattern);
-      //           })
-      //         : components;
-
-      // Faster parsing with data only
-      var componentsPattern = MediasParser.getMediaPatternsFromData(components);
-      var newComponents = medias !== null && componentsPattern.length > 0 ? MediasParser.replacePathsWithMedias(components, medias, componentsPattern) : 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), {}, {
-        components: newComponents
-      }) : 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 && it !== '';
-        }).join('\\.');
-        var fieldDefinition = _objectSpread(_objectSpread({}, type !== null ? _this2.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$")), new RegExp("^".concat(path, "\\.variants\\.[0-9]+\\.media$"))] : []), _toConsumableArray(_this2.getFieldsPattern(subFields, path)), _toConsumableArray(_this2.getFieldsPattern(settings, path)), _toConsumableArray(itemsField !== null ? _this2.getFieldsPattern([itemsField], "".concat(path, "\\.[0-9]+")) : []));
-      }, []);
-    }
-  }], [{
-    key: "fieldIsMedia",
-    value: function fieldIsMedia(_ref5) {
-      var _ref5$media = _ref5.media,
-        media = _ref5$media === void 0 ? false : _ref5$media;
-      return media;
-    }
-  }, {
-    key: "fieldIsFontFamily",
-    value: function fieldIsFontFamily(_ref6) {
-      var _ref6$id = _ref6.id,
-        id = _ref6$id === void 0 ? null : _ref6$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);
-      return MediasParser.keys(data).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] || value;
-        } 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(_ref7) {
-      var _ref7$id = _ref7.id,
-        id = _ref7$id === void 0 ? null : _ref7$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 dataKeys = MediasParser.keys(data);
-      return dataKeys.reduce(function (_ref8, key) {
-        var currentData = _ref8.data,
-          currentMedias = _ref8.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;
-        }
-        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: dataKeys.length === 0 ? data : null,
-        medias: medias
-      });
-    }
-  }, {
-    key: "getMediaPatternsFromData",
-    value: function getMediaPatternsFromData(obj) {
-      var dotObj = MediasParser.dot(obj);
-      return Object.keys(dotObj).filter(function (key) {
-        return isString(dotObj[key]) && dotObj[key].match(/^media:\/\/([^/]+)$/) !== null;
-      }).map(function (it) {
-        return new RegExp("^".concat(it, "$"));
-      });
-    }
-  }, {
-    key: "dot",
-    value: function dot(obj) {
-      return MediasParser.keys(obj).reduce(function (acc, key) {
-        if (_typeof(obj[key]) !== 'object' || !obj[key]) {
-          return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, key, obj[key]));
-        }
-        var flattenedChild = MediasParser.dot(obj[key]);
-        return _objectSpread(_objectSpread({}, acc), MediasParser.keys(flattenedChild).reduce(function (childAcc, childKey) {
-          return _objectSpread(_objectSpread({}, childAcc), {}, _defineProperty({}, "".concat(key, ".").concat(childKey), flattenedChild[childKey]));
-        }, {}));
-      }, {});
-    }
-  }, {
-    key: "keys",
-    value: function keys(obj) {
-      return isArray(obj) ? _toConsumableArray(obj.keys()) : Object.keys(obj);
-    }
-  }]);
-}();
-
-var ScreensManager = /*#__PURE__*/function (_DefinitionsManager) {
-  function ScreensManager() {
-    var _this;
-    var definitions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    _classCallCheck(this, ScreensManager);
-    _this = _callSuper(this, ScreensManager, [definitions]);
-    _this.fieldsPattern = null;
-    return _this;
-  }
-  _inherits(ScreensManager, _DefinitionsManager);
-  return _createClass(ScreensManager, [{
-    key: "getFields",
-    value: function getFields(id) {
-      var _ref = this.getDefinition(id) || {},
-        _ref$fields = _ref.fields,
-        fields = _ref$fields === void 0 ? null : _ref$fields;
-      return fields;
-    }
-  }, {
-    key: "getLayouts",
-    value: function getLayouts(id) {
-      var _ref2 = this.getDefinition(id) || {},
-        _ref2$layouts = _ref2.layouts,
-        layouts = _ref2$layouts === void 0 ? null : _ref2$layouts;
-      return layouts;
-    }
-  }, {
-    key: "getFieldsPattern",
-    value: function getFieldsPattern() {
-      return this.fieldsPattern;
-    }
-  }, {
-    key: "setFieldsPattern",
-    value: function setFieldsPattern(fieldsPattern) {
-      this.fieldsPattern = fieldsPattern;
-    }
-  }, {
-    key: "filter",
-    value: function filter(_filter) {
-      return new ScreensManager(this.definitions.filter(_filter));
-      // this.definitions = this.definitions.filter(filter);
-      // return this;
-    }
-  }, {
-    key: "merge",
-    value: function merge(manager) {
-      var newFieldsPattern = manager.getFieldsPattern();
-      if (newFieldsPattern !== null && this.fieldsPattern === null) {
-        this.fieldsPattern = newFieldsPattern;
-      }
-      return this.addDefinitions(manager.getDefinitions());
-    }
-  }]);
-}(DefinitionsManager);
-
-var _excluded$7 = ["fonts"];
-var FontsParser = /*#__PURE__*/function () {
-  function FontsParser(_ref) {
-    var fieldsManager = _ref.fieldsManager,
-      screensManager = _ref.screensManager,
-      _ref$fieldsPattern = _ref.fieldsPattern,
-      fieldsPattern = _ref$fieldsPattern === void 0 ? {} : _ref$fieldsPattern;
-    _classCallCheck(this, FontsParser);
-    this.fieldsManager = fieldsManager;
-    this.screensManager = screensManager;
-    this.fieldsPatternCache = fieldsPattern || {};
-  }
-  return _createClass(FontsParser, [{
-    key: "getFieldsPatternByScreen",
-    value: function getFieldsPatternByScreen(type) {
-      if (typeof this.fieldsPatternCache[type] === 'undefined') {
-        var fields = getScreenFieldsWithStates(this.screensManager.getDefinition(type) || {});
-        this.fieldsPatternCache[type] = this.getFieldsPattern(fields || []);
-      }
-      return this.fieldsPatternCache[type];
-    }
-
-    // Extract fonts
-  }, {
-    key: "parse",
-    value: function parse(story) {
-      var _this = this;
-      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 fieldsPattern = _this.getFieldsPatternByScreen(type);
-        var newFonts = FontsParser.extractFontsWithPaths(screen, fieldsPattern);
-        return newFonts.length > 0 ? [].concat(_toConsumableArray(currentFonts), _toConsumableArray(newFonts)) : currentFonts;
-      }, []), 'name');
-
-      // Extract fonts from theme
-      if (theme !== null) {
-        var _this$parse = this.parse(theme),
-          _this$parse$fonts = _this$parse.fonts,
-          themeFonts = _this$parse$fonts === void 0 ? [] : _this$parse$fonts,
-          newTheme = _objectWithoutProperties(_this$parse, _excluded$7);
-        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 && it !== '';
-        }).join('\\.');
-        var fieldDefinition = _objectSpread(_objectSpread({}, type !== null ? _this2.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(_ref3) {
-      var _ref3$id = _ref3.id,
-        id = _ref3$id === void 0 ? null : _ref3$id;
-      return id === 'font-family';
-    }
-  }, {
-    key: "valueIsFont",
-    value: function valueIsFont(_ref4) {
-      var _ref4$type = _ref4.type,
-        type = _ref4$type === void 0 ? null : _ref4$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;
-      }, []);
-    }
-  }]);
-}();
-
-var _excluded$6 = ["shareIncentive", "callToAction"];
-/* eslint-disable class-methods-use-this */
-var ShareCall = /*#__PURE__*/function () {
-  function ShareCall() {
-    _classCallCheck(this, ShareCall);
-  }
-  return _createClass(ShareCall, [{
-    key: "test",
-    value: function test(screen) {
-      var _ref = screen || {},
-        _ref$shareIncentive = _ref.shareIncentive,
-        shareIncentive = _ref$shareIncentive === void 0 ? null : _ref$shareIncentive,
-        _ref$callToAction = _ref.callToAction,
-        callToAction = _ref$callToAction === void 0 ? null : _ref$callToAction;
-      if (shareIncentive === null && callToAction === null) {
-        return false;
-      }
-      return true;
-    }
-  }, {
-    key: "parse",
-    value: function parse(screen) {
-      var _ref2 = screen || {},
-        _ref2$shareIncentive = _ref2.shareIncentive,
-        shareIncentive = _ref2$shareIncentive === void 0 ? null : _ref2$shareIncentive,
-        _ref2$callToAction = _ref2.callToAction,
-        callToAction = _ref2$callToAction === void 0 ? null : _ref2$callToAction,
-        restScreen = _objectWithoutProperties(_ref2, _excluded$6);
-      var _ref3 = screen || {},
-        _ref3$header = _ref3.header,
-        header = _ref3$header === void 0 ? null : _ref3$header,
-        _ref3$footer = _ref3.footer,
-        footer = _ref3$footer === void 0 ? null : _ref3$footer;
-
-      // Carful for recursivity here cause same key name
-      var newHeader = shareIncentive !== null ? _objectSpread(_objectSpread({}, shareIncentive !== null ? {
-        shareIncentive: shareIncentive
-      } : null), header !== null ? {
-        header: header
-      } : null) : header;
-      var newFooter = callToAction !== null ? _objectSpread(_objectSpread({}, callToAction !== null ? {
-        callToAction: callToAction
-      } : null), footer !== null ? {
-        footer: footer
-      } : null) : footer;
-      var newScreen = _objectSpread(_objectSpread(_objectSpread({}, restScreen), newHeader !== null ? {
-        header: newHeader
-      } : null), newFooter !== null ? {
-        footer: newFooter
-      } : null);
-      return newScreen;
-    }
-  }]);
-}();
-ShareCall.prototype.priority = 0;
-
-var _excluded$5 = ["answers"],
-  _excluded2$2 = ["customAnswerLabel"];
-/* eslint-disable class-methods-use-this */
-var CustomAnswerLabel = /*#__PURE__*/function () {
-  function CustomAnswerLabel() {
-    _classCallCheck(this, CustomAnswerLabel);
-  }
-  return _createClass(CustomAnswerLabel, [{
-    key: "test",
-    value: function test(screen) {
-      var _ref = screen || {},
-        _ref$answers = _ref.answers,
-        answers = _ref$answers === void 0 ? null : _ref$answers;
-      if (answers === null || answers.length === 0) {
-        return false;
-      }
-      var hasCustomAnswerLabel = (answers || []).some(function () {
-        var answer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-        return answer !== null && typeof answer.customAnswerLabel !== 'undefined';
-      });
-      if (!hasCustomAnswerLabel) {
-        return false;
-      }
-      return true;
-    }
-  }, {
-    key: "parse",
-    value: function parse(screen) {
-      var _ref2 = screen || {},
-        _ref2$answers = _ref2.answers,
-        answers = _ref2$answers === void 0 ? null : _ref2$answers,
-        restScreen = _objectWithoutProperties(_ref2, _excluded$5);
-      return _objectSpread(_objectSpread({}, restScreen), {}, {
-        answers: answers.map(function () {
-          var answer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-          if (answer === null || typeof answer.customAnswerLabel === 'undefined') {
-            return answer;
-          }
-          var _ref3 = answer || {},
-            customAnswerLabel = _ref3.customAnswerLabel,
-            restAnswer = _objectWithoutProperties(_ref3, _excluded2$2);
-          return _objectSpread(_objectSpread({}, restAnswer), {}, {
-            result: customAnswerLabel
-          });
-        })
-      });
-    }
-  }]);
-}();
-CustomAnswerLabel.prototype.priority = 1;
-
-var _excluded$4 = ["items"],
-  _excluded2$1 = ["label", "textStyle"];
-
-/* eslint-disable class-methods-use-this */
-var KeypadItemLabel = /*#__PURE__*/function () {
-  function KeypadItemLabel() {
-    _classCallCheck(this, KeypadItemLabel);
-  }
-  return _createClass(KeypadItemLabel, [{
-    key: "test",
-    value: function test(screen) {
-      var _ref = screen || {},
-        _ref$type = _ref.type,
-        type = _ref$type === void 0 ? null : _ref$type,
-        _ref$items = _ref.items,
-        items = _ref$items === void 0 ? null : _ref$items;
-      if (type !== 'keypad' || items === null || items.length === 0) {
-        return false;
-      }
-      var hasStringItemLabel = (items || []).some(function () {
-        var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-        return item !== null && isString(item === null || item === void 0 ? void 0 : item.label);
-      });
-      if (!hasStringItemLabel) {
-        return false;
-      }
-      return true;
-    }
-  }, {
-    key: "parse",
-    value: function parse(screen) {
-      var _ref2 = screen || {},
-        _ref2$items = _ref2.items,
-        items = _ref2$items === void 0 ? null : _ref2$items,
-        restScreen = _objectWithoutProperties(_ref2, _excluded$4);
-      return _objectSpread(_objectSpread({}, restScreen), {}, {
-        items: items.map(function () {
-          var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-          if (item === null || !isString(item === null || item === void 0 ? void 0 : item.label)) {
-            return item;
-          }
-          var _ref3 = item || {},
-            label = _ref3.label,
-            textStyle = _ref3.textStyle,
-            restAnswer = _objectWithoutProperties(_ref3, _excluded2$1);
-          return _objectSpread(_objectSpread({}, restAnswer), {}, {
-            label: {
-              body: label,
-              textStyle: textStyle
-            }
-          });
-        })
-      });
-    }
-  }]);
-}();
-KeypadItemLabel.prototype.priority = 1;
-
-var _excluded$3 = ["keypadSettings"];
-/* eslint-disable class-methods-use-this */
-var KeypadSettings = /*#__PURE__*/function () {
-  function KeypadSettings() {
-    _classCallCheck(this, KeypadSettings);
-  }
-  return _createClass(KeypadSettings, [{
-    key: "test",
-    value: function test(screen) {
-      var _ref = screen || {},
-        _ref$type = _ref.type,
-        type = _ref$type === void 0 ? null : _ref$type,
-        _ref$keypadSettings = _ref.keypadSettings,
-        keypadSettings = _ref$keypadSettings === void 0 ? null : _ref$keypadSettings;
-      if (type !== 'keypad' || keypadSettings === null) {
-        return false;
-      }
-      var _ref2 = keypadSettings || {},
-        _ref2$layout = _ref2.layout,
-        keypadSettingsLayout = _ref2$layout === void 0 ? null : _ref2$layout;
-      if (keypadSettingsLayout === null) {
-        return false;
-      }
-      return true;
-    }
-  }, {
-    key: "parse",
-    value: function parse(screen) {
-      var _ref3 = screen || {},
-        _ref3$keypadSettings = _ref3.keypadSettings,
-        keypadSettings = _ref3$keypadSettings === void 0 ? null : _ref3$keypadSettings,
-        restScreen = _objectWithoutProperties(_ref3, _excluded$3);
-      var _ref4 = keypadSettings || {},
-        _ref4$layout = _ref4.layout,
-        keypadSettingsLayout = _ref4$layout === void 0 ? null : _ref4$layout;
-      return _objectSpread(_objectSpread({}, restScreen), {}, {
-        keypadLayout: keypadSettingsLayout
-      });
-    }
-  }]);
-}();
-KeypadSettings.prototype.priority = 1;
-
-// export { default as ButtonPadding } from './ButtonPadding';
-
-var migrations = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    CustomAnswerLabel: CustomAnswerLabel,
-    KeypadItemLabel: KeypadItemLabel,
-    KeypadSettings: KeypadSettings,
-    ShareCall: ShareCall
-});
-
-var _excluded$2 = ["components"];
-var MigrationsParser = /*#__PURE__*/function () {
-  function MigrationsParser(_ref) {
-    var screensManager = _ref.screensManager;
-    _classCallCheck(this, MigrationsParser);
-    this.screensManager = screensManager;
-    this.parsers = Object.keys(migrations).map(function (migration) {
-      return new migrations[migration]();
-    });
-    this.parsers.sort(function (a, b) {
-      if (a.priority === undefined || b.priority === undefined) {
-        return 0;
-      }
-      if (a.priority === b.priority) {
-        return 0;
-      }
-      return a.priority < b.priority ? -1 : 1;
-    });
-  }
-
-  // eslint-disable-next-line class-methods-use-this
-  return _createClass(MigrationsParser, [{
-    key: "parse",
-    value: function parse(story) {
-      var _this = this;
-      if (story === null) {
-        return story;
-      }
-      var _ref2 = story || {},
-        _ref2$components = _ref2.components,
-        components = _ref2$components === void 0 ? [] : _ref2$components,
-        restStory = _objectWithoutProperties(_ref2, _excluded$2);
-      var finalComponents = components.reduce(function (currentComponents, screen) {
-        var newScreen = _this.parsers.reduce(function (currentScreen, parser) {
-          if (parser.test(currentScreen, story)) {
-            return parser.parse(currentScreen, story);
-          }
-          return currentScreen;
-        }, screen);
-        return [].concat(_toConsumableArray(currentComponents), [newScreen]);
-      }, []);
-      return _objectSpread(_objectSpread({}, restStory), {}, {
-        components: finalComponents
-      });
-    }
-  }]);
-}();
-
-var _excluded$1 = ["textStyle", "color", "boxStyle"];
-var ThemeParser = /*#__PURE__*/function () {
-  function ThemeParser(_ref) {
-    var screensManager = _ref.screensManager;
-    _classCallCheck(this, ThemeParser);
-    this.screensManager = screensManager;
-    this.definitionCache = {};
-    this.fieldsCache = {};
-  }
-  return _createClass(ThemeParser, [{
-    key: "getDefinitionByScreen",
-    value: function getDefinitionByScreen(type, themeComponents) {
-      if (typeof this.definitionCache[type] === 'undefined') {
-        var definition = this.screensManager.getDefinition(type) || {};
-        var themeScreen = themeComponents.find(function (it) {
-          return it.type === type;
-        }) || null;
-        this.definitionCache[type] = {
-          definition: definition,
-          themeScreen: themeScreen
-        };
-      }
-      return this.definitionCache[type];
-    }
-  }, {
-    key: "getFieldsForDefinition",
-    value: function getFieldsForDefinition(definition) {
-      var _ref2 = definition || {},
-        _ref2$id = _ref2.id,
-        definitionId = _ref2$id === void 0 ? null : _ref2$id,
-        _ref2$fields = _ref2.fields,
-        fields = _ref2$fields === void 0 ? [] : _ref2$fields,
-        _ref2$states = _ref2.states,
-        states = _ref2$states === void 0 ? [] : _ref2$states;
-      if (typeof this.fieldsCache[definitionId] === 'undefined') {
-        if (states === null || states.length === 0) {
-          this.fieldsCache[definitionId] = {
-            fields: fields
-          };
-        } else {
-          // TODO: test this
-          var finalFields = fields;
-          var repetableStates = [];
-          if (states !== null && states.length > 0) {
-            var nonRepetableStates = states.filter(function (_ref3) {
-              var _ref3$repeatable = _ref3.repeatable,
-                repeatable = _ref3$repeatable === void 0 ? false : _ref3$repeatable;
-              return repeatable === false;
-            });
-            repetableStates = states.filter(function (_ref4) {
-              var _ref4$repeatable = _ref4.repeatable,
-                repeatable = _ref4$repeatable === void 0 ? false : _ref4$repeatable;
-              return repeatable === true;
-            });
-            finalFields = nonRepetableStates.reduce(function (acc, it) {
-              var _ref5 = it || {},
-                _ref5$fields = _ref5.fields,
-                itemFields = _ref5$fields === void 0 ? [] : _ref5$fields;
-              if (itemFields !== null && itemFields.length > 0) {
-                return acc.concat(itemFields);
-              }
-              return acc;
-            }, finalFields);
-          }
-          this.fieldsCache[definitionId] = {
-            fields: finalFields,
-            repetableStates: repetableStates
-          };
-        }
-      }
-      return this.fieldsCache[definitionId];
-    }
-  }, {
-    key: "parse",
-    value: function parse(story) {
-      var _this = this;
-      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 ? null : _ref6$components;
-      if (theme === null || components === null) {
-        return story;
-      }
-      var _theme$components = theme.components,
-        themeComponents = _theme$components === void 0 ? [] : _theme$components,
-        _theme$background = theme.background,
-        themeBackground = _theme$background === void 0 ? null : _theme$background,
-        _theme$colors = theme.colors,
-        themeColors = _theme$colors === void 0 ? {} : _theme$colors,
-        _theme$textStyles = theme.textStyles,
-        themeTextStyles = _theme$textStyles === void 0 ? null : _theme$textStyles,
-        _theme$boxStyles = theme.boxStyles,
-        themeBoxStyles = _theme$boxStyles === void 0 ? null : _theme$boxStyles;
-
-      // Speed test
-      // const newComponents = [...components];
-      // for (let index = 0; index < components.length; index += 1) {
-      //     const screen = components[index] || {};
-      //     const { type } = screen;
-      //     const { definition, themeScreen } = this.getDefinitionByScreen(type, themeComponents);
-      //     const newScreen = this.parseScreen(
-      //         definition,
-      //         screen,
-      //         themeScreen,
-      //         themeBackground,
-      //         themeColors,
-      //         themeTextStyles,
-      //         themeBoxStyles,
-      //     );
-
-      //     if (newScreen !== screen || themeScreen !== null) {
-      //         newComponents[index] = {
-      //             ...themeScreen,
-      //             ...newScreen,
-      //         };
-      //     }
-      // }
-      // story.components = newComponents;
-      // return story;
-
-      var newComponents = components.reduce(function (currentComponents, screen, index) {
-        var type = screen.type;
-        var _this$getDefinitionBy = _this.getDefinitionByScreen(type, themeComponents),
-          definition = _this$getDefinitionBy.definition;
-        var themeScreen = null;
-        var newScreen = _this.parseScreen(definition, screen, themeScreen, themeBackground, themeColors, themeTextStyles, themeBoxStyles);
-
-        // Only switch screen if it has changed
-        return newScreen !== screen || themeScreen !== null ? [].concat(_toConsumableArray(currentComponents.slice(0, index)), [_objectSpread(_objectSpread({}, themeScreen), newScreen)], _toConsumableArray(currentComponents.slice(index + 1))) : currentComponents;
-      }, components);
-      return newComponents !== components ? _objectSpread(_objectSpread({}, story), {}, {
-        components: newComponents
-      }) : story;
-    }
-  }, {
-    key: "parseScreen",
-    value: function parseScreen(definition, value, themeValue, themeBackground, themeColors, themeTextStyles, themeBoxStyles) {
-      var _this2 = this;
-      var _this$getFieldsForDef = this.getFieldsForDefinition(definition),
-        _this$getFieldsForDef2 = _this$getFieldsForDef.fields,
-        fields = _this$getFieldsForDef2 === void 0 ? null : _this$getFieldsForDef2,
-        _this$getFieldsForDef3 = _this$getFieldsForDef.repetableStates,
-        repetableStates = _this$getFieldsForDef3 === void 0 ? null : _this$getFieldsForDef3;
-      var newThemeValue = themeValue === null && themeBackground !== null ? {} : themeValue;
-      if (themeBackground !== null && typeof newThemeValue.background !== 'undefined') {
-        newThemeValue.background = _objectSpread(_objectSpread({}, themeBackground), newThemeValue.background);
-      } else if (themeBackground !== null) {
-        newThemeValue.background = themeBackground;
-      }
-      var newScreenValue = Object.keys(value).reduce(function (currentValue, key) {
-        var repetableState = null;
-        if (repetableStates !== null && repetableStates.length > 0) {
-          repetableState = repetableStates.find(function (_ref7) {
-            var _ref7$id = _ref7.id,
-              stateId = _ref7$id === void 0 ? null : _ref7$id;
-            return stateId !== null && stateId === key;
-          }) || null;
-        }
-        var fieldDefinition = (fields || null).find(function (it) {
-          return it.name === key;
-        }) || repetableState || {};
-        var fieldValue = value[key];
-        var fieldThemeValue = newThemeValue !== null ? newThemeValue[key] || null : null;
-
-        // Try for early return
-        var _ref8 = fieldDefinition || {},
-          _ref8$theme = _ref8.theme,
-          theme = _ref8$theme === void 0 ? null : _ref8$theme;
-        if ((theme === null || !isObject(theme)) && fields === null) {
-          return _objectSpread(_objectSpread({}, currentValue), {}, _defineProperty({}, key, fieldValue));
-        }
-
-        // console.log('start', key, fieldValue);
-        var newFieldValue = _this2.parseField(fieldValue, fieldDefinition, fieldThemeValue, themeColors, themeTextStyles, themeBoxStyles);
-        // console.log('result', newFieldValue);
-
-        // const newFieldValue = fieldValue;
-
-        // Only switch field if it has changed
-        return newFieldValue !== fieldValue ? _objectSpread(_objectSpread({}, currentValue), {}, _defineProperty({}, key, newFieldValue)) : currentValue;
-      }, value);
-      return newThemeValue !== null ? _objectSpread(_objectSpread({}, newThemeValue), newScreenValue) : newScreenValue;
-    }
-
-    // eslint-disable-next-line class-methods-use-this
-  }, {
-    key: "parseField",
-    value: function parseField(value, fieldDefinition, themeValue, themeColors, themeTextStyles, themeBoxStyles) {
-      var _this3 = this;
-      var _fieldDefinition$them = fieldDefinition.theme,
-        fieldTheme = _fieldDefinition$them === void 0 ? null : _fieldDefinition$them,
-        _fieldDefinition$fiel = fieldDefinition.fields,
-        definitionFields = _fieldDefinition$fiel === void 0 ? null : _fieldDefinition$fiel;
-
-      // There are sub-fields in this definition
-      if (definitionFields !== null && value !== null) {
-        return isArray(value) ? value.map(function (innerFieldValue) {
-          if (innerFieldValue === null) {
-            return innerFieldValue;
-          }
-          return _this3.parseInnerFields(innerFieldValue, definitionFields, themeValue, themeColors, themeTextStyles, themeBoxStyles);
-        }) : this.parseInnerFields(value, definitionFields, themeValue, themeColors, themeTextStyles, themeBoxStyles);
-      }
-
-      // Early return
-      if (fieldTheme === null || !isObject(fieldTheme)) {
-        return value;
-      }
-
-      // @TODO very slooow...
-      if (isArray(value)) {
-        var newFieldValue = value.map(function (innerField) {
-          return innerField !== null ? Object.keys(innerField).reduce(function (newInnerField, innerFieldName) {
-            // Early return
-            if (!isObject(innerField[innerFieldName])) {
-              return newInnerField;
-            }
-            var _ref9 = fieldTheme[innerFieldName] || {},
-              _ref9$textStyle = _ref9.textStyle,
-              innerFieldTextStyle = _ref9$textStyle === void 0 ? null : _ref9$textStyle,
-              _ref9$color = _ref9.color,
-              innerFieldColor = _ref9$color === void 0 ? null : _ref9$color,
-              _ref9$boxStyle = _ref9.boxStyle,
-              innerFieldBoxStyle = _ref9$boxStyle === void 0 ? null : _ref9$boxStyle;
-
-            // Early return, no theme
-            if (innerFieldTextStyle === null && innerFieldColor === null && innerFieldBoxStyle === null) {
-              return newInnerField;
-            }
-            var _ref0 = innerField[innerFieldName] || {},
-              _ref0$textStyle = _ref0.textStyle,
-              valueTextStyle = _ref0$textStyle === void 0 ? false : _ref0$textStyle,
-              _ref0$boxStyle = _ref0.boxStyle,
-              valueBoxStyle = _ref0$boxStyle === void 0 ? false : _ref0$boxStyle;
-
-            // Color
-            var colorValue = innerFieldColor !== null ? {
-              color: innerFieldColor !== null && themeColors !== null ? themeColors[innerFieldColor] || null : null
-            } : null;
-
-            // Text style
-            var textStyleValue = innerFieldTextStyle !== null ? {
-              textStyle: valueTextStyle !== false ? valueTextStyle : _objectSpread(_objectSpread({}, innerFieldTextStyle !== null && themeTextStyles !== null ? themeTextStyles[innerFieldTextStyle] || null : null), valueTextStyle)
-            } : null;
-            var boxStyleValue = innerFieldBoxStyle !== null ? {
-              boxStyle: valueBoxStyle !== false ? valueBoxStyle : _objectSpread(_objectSpread({}, innerFieldBoxStyle !== null && themeBoxStyles !== null ? themeBoxStyles[innerFieldBoxStyle] || null : null), valueBoxStyle)
-            } : null;
-            if (colorValue === null && textStyleValue === null && boxStyleValue === null) {
-              return newInnerField;
-            }
-            return _objectSpread(_objectSpread({}, newInnerField), {}, _defineProperty({}, innerFieldName, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, colorValue), innerField[innerFieldName]), textStyleValue), boxStyleValue)));
-          }, innerField) : innerField;
-        });
-        return newFieldValue;
-      }
-      if (isObject(value)) {
-        return this.parseValue(value, fieldTheme, themeValue, themeColors, themeTextStyles, themeBoxStyles);
-      }
-      return value;
-    }
-  }, {
-    key: "parseInnerFields",
-    value: function parseInnerFields(value, fieldsOrDefinition, themeValue, themeColors, themeTextStyles, themeBoxStyles) {
-      var _this4 = this;
-      var newValue = Object.keys(value).reduce(function (finalValue, innerFieldName) {
-        var innerDefinition = isArray(fieldsOrDefinition) ? fieldsOrDefinition.find(function (it) {
-          return it.name === innerFieldName;
-        }) || null : fieldsOrDefinition;
-        var _ref1 = innerDefinition || {},
-          _ref1$theme = _ref1.theme,
-          idfTheme = _ref1$theme === void 0 ? null : _ref1$theme;
-        var innerValue = value[innerFieldName];
-
-        // For items fields
-        if (innerValue !== null && innerDefinition !== null && isArray(innerValue)) {
-          // eslint-disable-next-line no-param-reassign
-          finalValue[innerFieldName] = _this4.parseField(innerValue, innerDefinition, themeValue, themeColors, themeTextStyles, themeBoxStyles);
-          return finalValue;
-        }
-
-        // For fields with fields
-        if (innerValue !== null && idfTheme !== null && isObject(idfTheme) && isObject(innerValue)) {
-          // eslint-disable-next-line no-param-reassign
-          finalValue[innerFieldName] = _this4.parseValue(innerValue, idfTheme, themeValue, themeColors, themeTextStyles, themeBoxStyles);
-          return finalValue;
-        }
-
-        // eslint-disable-next-line no-param-reassign
-        finalValue[innerFieldName] = value[innerFieldName];
-        return finalValue;
-      }, {});
-      return newValue;
-    }
-
-    // eslint-disable-next-line class-methods-use-this
-  }, {
-    key: "parseValue",
-    value: function parseValue(initialValue, fieldTheme, themeValue, themeColors, themeTextStyles, themeBoxStyles) {
-      var _this5 = this;
-      if (isObject(initialValue) || isObject(fieldTheme)) {
-        var value = initialValue || null;
-        var _ref10 = fieldTheme || {},
-          _ref10$textStyle = _ref10.textStyle,
-          fieldTextStyleName = _ref10$textStyle === void 0 ? null : _ref10$textStyle,
-          _ref10$color = _ref10.color,
-          fieldColorName = _ref10$color === void 0 ? null : _ref10$color,
-          _ref10$boxStyle = _ref10.boxStyle,
-          fieldBoxStyleName = _ref10$boxStyle === void 0 ? null : _ref10$boxStyle,
-          otherProps = _objectWithoutProperties(_ref10, _excluded$1);
-        if (fieldTextStyleName === null && fieldColorName === null && fieldBoxStyleName === null && isEmpty(otherProps) && !isObject(fieldTheme)) {
-          return value;
-        }
-        var complexValue = null;
-        if (!isEmpty(otherProps)) {
-          complexValue = Object.keys(otherProps).reduce(function (newObject, key) {
-            var innerValue = value !== null ? value[key] || null : null;
-            var newValue = _this5.parseValue(innerValue, otherProps[key], themeValue, themeColors, themeTextStyles, themeBoxStyles);
-            return _objectSpread(_objectSpread({}, newObject), newValue !== null ? _defineProperty({}, key, newValue) : null);
-          }, {});
-        }
-        var _ref12 = value || {},
-          _ref12$textStyle = _ref12.textStyle,
-          valueTextStyle = _ref12$textStyle === void 0 ? false : _ref12$textStyle,
-          _ref12$boxStyle = _ref12.boxStyle,
-          valueBoxStyle = _ref12$boxStyle === void 0 ? false : _ref12$boxStyle;
-
-        // Color
-        var fieldColor = fieldColorName !== null && themeColors !== null ? themeColors[fieldColorName] || null : null;
-        var colorValue = fieldColor !== null ? {
-          color: fieldColor
-        } : null;
-
-        // Text style
-        var fieldTextStyle = fieldTextStyleName !== null && themeTextStyles !== null ? themeTextStyles[fieldTextStyleName] || null : null;
-        var fieldThemeComponentTextStyle = themeValue !== null ? themeValue.textStyle || null : null;
-        var textStyleValue = fieldTextStyle !== null || fieldThemeComponentTextStyle !== null ? {
-          textStyle: valueTextStyle !== false ? valueTextStyle : _objectSpread(_objectSpread(_objectSpread({}, fieldTextStyle), fieldThemeComponentTextStyle), valueTextStyle || null)
-        } : null;
-
-        // Box style
-        var fieldBoxStyle = fieldBoxStyleName !== null && themeBoxStyles !== null ? themeBoxStyles[fieldBoxStyleName] || null : null;
-        var fieldThemeComponentBoxStyle = themeValue !== null ? themeValue.boxStyle || null : null;
-        var boxStyleValue = fieldBoxStyle !== null || fieldThemeComponentBoxStyle !== null ? {
-          boxStyle: valueBoxStyle !== false ? valueBoxStyle : _objectSpread(_objectSpread(_objectSpread({}, fieldBoxStyle), fieldThemeComponentBoxStyle), valueBoxStyle || null)
-        } : null;
-
-        // Only change value if something is overrided
-        return colorValue !== null || themeValue !== null || textStyleValue !== null || boxStyleValue !== null || complexValue !== null ? _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, colorValue), themeValue), value), boxStyleValue), textStyleValue), complexValue) : value;
-      }
-      return initialValue;
-    }
-  }]);
-}();
-
-var StoryParser = /*#__PURE__*/function () {
-  function StoryParser(_ref) {
-    var screensManager = _ref.screensManager,
-      fieldsManager = _ref.fieldsManager,
-      fieldsPattern = _ref.fieldsPattern;
-    _classCallCheck(this, StoryParser);
-    var _ref2 = fieldsPattern || {},
-      _ref2$medias = _ref2.medias,
-      mediasPattern = _ref2$medias === void 0 ? null : _ref2$medias,
-      _ref2$fonts = _ref2.fonts,
-      fontsPattern = _ref2$fonts === void 0 ? null : _ref2$fonts;
-    this.themeParser = new ThemeParser({
-      screensManager: screensManager
-    });
-    this.mediasParser = new MediasParser({
-      screensManager: screensManager,
-      fieldsManager: fieldsManager,
-      fieldsPattern: mediasPattern
-    });
-    this.fontsParser = new FontsParser({
-      screensManager: screensManager,
-      fieldsManager: fieldsManager,
-      fieldsPattern: fontsPattern
-    });
-    this.migrationsParser = new MigrationsParser({
-      screensManager: screensManager
-    });
-  }
-  return _createClass(StoryParser, [{
-    key: "parse",
-    value: function parse(story) {
-      var _this = this;
-      var _ref3 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-        _ref3$withTheme = _ref3.withTheme,
-        withTheme = _ref3$withTheme === void 0 ? true : _ref3$withTheme,
-        _ref3$withMedias = _ref3.withMedias,
-        withMedias = _ref3$withMedias === void 0 ? true : _ref3$withMedias,
-        _ref3$withFonts = _ref3.withFonts,
-        withFonts = _ref3$withFonts === void 0 ? true : _ref3$withFonts,
-        _ref3$withMigrations = _ref3.withMigrations,
-        withMigrations = _ref3$withMigrations === void 0 ? true : _ref3$withMigrations;
-      if (story === null) {
-        return story;
-      }
-      var parsers = [[withMedias, function (newStory) {
-        return _this.mediasParser.fromPath(newStory);
-      }], [withTheme, function (newStory) {
-        return _this.themeParser.parse(newStory);
-      }], [withFonts, function (newStory) {
-        return _this.fontsParser.parse(newStory);
-      }], [withMigrations, function (newStory) {
-        return _this.migrationsParser.parse(newStory);
-      }]];
-      return parsers.reduce(function (parsedStory, _ref4) {
-        var _ref5 = _slicedToArray(_ref4, 2),
-          enabled = _ref5[0],
-          parse = _ref5[1];
-        return enabled ? parse(parsedStory) : parsedStory;
-      }, story);
-    }
-  }]);
-}();
-
-var _excluded = ["value"],
-  _excluded2 = ["value", "currentTime"];
-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]);
-    _this.screensViewed = [];
-    return _this;
-  }
-  _inherits(Tracking, _BaseTracking);
-  return _createClass(Tracking, [{
-    key: "trackScreenView",
-    value: function trackScreenView(screen, screenIndex) {
-      var _ref = this.variables || {},
-        _ref$screensCount = _ref.screensCount,
-        screensCount = _ref$screensCount === void 0 ? null : _ref$screensCount;
-      var _ref2 = screen || {},
-        _ref2$id = _ref2.id,
-        screenId = _ref2$id === void 0 ? null : _ref2$id,
-        _ref2$type = _ref2.type,
-        screenType = _ref2$type === void 0 ? null : _ref2$type,
-        _ref2$metadata = _ref2.metadata,
-        metadata = _ref2$metadata === void 0 ? null : _ref2$metadata,
-        _ref2$parameters = _ref2.parameters,
-        _ref2$parameters2 = _ref2$parameters === void 0 ? {} : _ref2$parameters,
-        parametersMetadata = _ref2$parameters2.metadata;
-      var _ref3 = metadata || parametersMetadata || {},
-        screenTitle = _ref3.title,
-        screenDescrition = _ref3.description;
-      if (this.screensViewed.indexOf(screenId || screenIndex) === -1) {
-        this.screensViewed = [].concat(_toConsumableArray(this.screensViewed), [screenId || screenIndex]);
-      }
-      var data = {
-        event: 'screenView',
-        screenId: screenId,
-        screenType: screenType,
-        screenIndex: screenIndex,
-        screenTitle: screenTitle,
-        screenDescrition: screenDescrition,
-        screenProgress: screensCount !== null && screenIndex !== null ? (screenIndex + 1) / screensCount : null,
-        screensViewed: this.screensViewed,
-        screensViewedProgress: screensCount !== null ? this.screensViewed.length / screensCount : null
-      };
-      this.push(data);
-    }
-  }, {
-    key: "trackEvent",
-    value: function trackEvent() {
-      var category = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-      var action = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      var label = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-      var opts = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-      var _ref4 = opts || {},
-        _ref4$value = _ref4.value,
-        value = _ref4$value === void 0 ? null : _ref4$value,
-        otherOpts = _objectWithoutProperties(_ref4, _excluded);
-      var data = _objectSpread(_objectSpread({}, otherOpts || null), {}, {
-        event: 'eventInteraction',
-        eventCategory: category,
-        eventAction: action,
-        eventLabel: label,
-        eventValue: value
-      });
-      this.push(data);
-    }
-  }, {
-    key: "trackMedia",
-    value: function trackMedia() {
-      var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-      var media = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      var action = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-      var opts = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-      var _ref5 = opts || {},
-        _ref5$value = _ref5.value,
-        value = _ref5$value === void 0 ? null : _ref5$value,
-        _ref5$currentTime = _ref5.currentTime,
-        optsCurrentTime = _ref5$currentTime === void 0 ? null : _ref5$currentTime,
-        otherOpts = _objectWithoutProperties(_ref5, _excluded2);
-      var _ref6 = media || {},
-        _ref6$id = _ref6.id,
-        mediaId = _ref6$id === void 0 ? null : _ref6$id,
-        _ref6$url = _ref6.url,
-        mediaUrl = _ref6$url === void 0 ? null : _ref6$url,
-        _ref6$name = _ref6.name,
-        mediaName = _ref6$name === void 0 ? null : _ref6$name,
-        _ref6$duration = _ref6.duration,
-        rootDuration = _ref6$duration === void 0 ? null : _ref6$duration,
-        _ref6$currentTime = _ref6.currentTime,
-        currentTime = _ref6$currentTime === void 0 ? optsCurrentTime : _ref6$currentTime,
-        _ref6$metadata = _ref6.metadata,
-        metadata = _ref6$metadata === void 0 ? {} : _ref6$metadata;
-      var _ref7 = metadata || {},
-        _ref7$duration = _ref7.duration,
-        duration = _ref7$duration === void 0 ? rootDuration : _ref7$duration;
-      var data = _objectSpread(_objectSpread({}, otherOpts || null), {}, {
-        event: 'eventInteraction',
-        eventCategory: type,
-        eventAction: action,
-        eventLabel: mediaName || mediaUrl,
-        eventValue: value,
-        mediaId: mediaId,
-        mediaUrl: mediaUrl,
-        mediaName: mediaName
-      });
-      if (duration !== null) {
-        data.mediaDuration = Math.round(duration);
-      }
-      if (currentTime !== null) {
-        data.mediaCurrentTime = Math.round(currentTime);
-      }
-      if (currentTime !== null && duration !== null && duration > 0) {
-        data.mediaProgress = currentTime / duration;
-      }
-      this.push(data);
-    }
-  }]);
-}(tracking.Tracking);
-
-exports.ColorsParser = ColorsParser;
-exports.ComponentsManager = ComponentsManager;
-exports.DefinitionsManager = DefinitionsManager;
-exports.EventsManager = EventsManager;
-exports.FieldsManager = FieldsManager;
-exports.FontsParser = FontsParser;
-exports.MediasParser = MediasParser;
-exports.ScreensManager = ScreensManager;
-exports.StoryParser = StoryParser;
-exports.ThemeParser = ThemeParser;
-exports.Tracking = Tracking;