@micromag/core 0.3.606 → 0.3.608

package/es/index.js

@@ -803,16 +803,16 @@ var ColorsParser = /*#__PURE__*/function () {
       }
       var _ref2 = story || {},
         _ref2$theme = _ref2.theme,
-        theme = _ref2$theme === void 0 ? null : _ref2$theme,
+        theme = _ref2$theme === undefined ? null : _ref2$theme,
         _ref2$components = _ref2.components,
-        components = _ref2$components === void 0 ? [] : _ref2$components;
+        components = _ref2$components === undefined ? [] : _ref2$components;
       var _components$reduce = components.reduce(function (_ref3, screen) {
           var _ref3$colors = _ref3.colors,
-            currentColors = _ref3$colors === void 0 ? null : _ref3$colors;
+            currentColors = _ref3$colors === undefined ? null : _ref3$colors;
           var type = screen.type;
           var _ref4 = _this.screensManager.getDefinition(type) || {},
             _ref4$fields = _ref4.fields,
-            fields = _ref4$fields === void 0 ? [] : _ref4$fields;
+            fields = _ref4$fields === undefined ? [] : _ref4$fields;
           var fieldsPattern = _this.getColorFieldPatterns(fields);
           var _ColorsParser$getColo = ColorsParser.getColorsFromPath(screen, fieldsPattern),
             newColors = _ColorsParser$getColo.colors;
@@ -836,20 +836,20 @@ var ColorsParser = /*#__PURE__*/function () {
       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,
+          name = _field$name === undefined ? null : _field$name,
           _field$type = field.type,
-          type = _field$type === void 0 ? null : _field$type;
+          type = _field$type === undefined ? 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,
+          subFields = _fieldDefinition$fiel === undefined ? [] : _fieldDefinition$fiel,
           _fieldDefinition$item = fieldDefinition.itemsField,
-          itemsField = _fieldDefinition$item === void 0 ? null : _fieldDefinition$item,
+          itemsField = _fieldDefinition$item === undefined ? null : _fieldDefinition$item,
           _fieldDefinition$sett = fieldDefinition.settings,
-          settings = _fieldDefinition$sett === void 0 ? [] : _fieldDefinition$sett;
+          settings = _fieldDefinition$sett === undefined ? [] : _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]+")) : []));
       }, []);
     }
@@ -857,7 +857,7 @@ var ColorsParser = /*#__PURE__*/function () {
     key: "fieldIsColor",
     value: function fieldIsColor(_ref5) {
       var _ref5$id = _ref5.id,
-        id = _ref5$id === void 0 ? null : _ref5$id;
+        id = _ref5$id === undefined ? null : _ref5$id;
       return id === 'color';
     }
   }, {
@@ -870,7 +870,7 @@ var ColorsParser = /*#__PURE__*/function () {
       return keys.reduce(function (_ref6, key) {
         var currentData = _ref6.data,
           _ref6$colors = _ref6.colors,
-          currentColors = _ref6$colors === void 0 ? null : _ref6$colors;
+          currentColors = _ref6$colors === undefined ? null : _ref6$colors;
         var path = [keyPrefix, key].filter(function (it) {
           return it !== null;
         }).join('.');
@@ -929,9 +929,9 @@ var getComponentFromName = function getComponentFromName() {
 function getScreenFieldsWithStates(definition) {
   var _ref = definition || {},
     _ref$fields = _ref.fields,
-    screenFields = _ref$fields === void 0 ? null : _ref$fields,
+    screenFields = _ref$fields === undefined ? null : _ref$fields,
     _ref$states = _ref.states,
-    states = _ref$states === void 0 ? null : _ref$states;
+    states = _ref$states === undefined ? null : _ref$states;
   if (states === null) {
     return screenFields;
   }
@@ -939,14 +939,14 @@ function getScreenFieldsWithStates(definition) {
     var _ref2 = current || {},
       id = _ref2.id,
       _ref2$fields = _ref2.fields,
-      fields = _ref2$fields === void 0 ? [] : _ref2$fields,
+      fields = _ref2$fields === undefined ? [] : _ref2$fields,
       _ref2$repeatable = _ref2.repeatable,
-      repeatable = _ref2$repeatable === void 0 ? false : _ref2$repeatable,
+      repeatable = _ref2$repeatable === undefined ? false : _ref2$repeatable,
       _ref2$fieldName = _ref2.fieldName,
-      fieldName = _ref2$fieldName === void 0 ? null : _ref2$fieldName,
+      fieldName = _ref2$fieldName === undefined ? null : _ref2$fieldName,
       label = _ref2.label,
       _ref2$defaultValue = _ref2.defaultValue,
-      defaultValue = _ref2$defaultValue === void 0 ? null : _ref2$defaultValue;
+      defaultValue = _ref2$defaultValue === undefined ? null : _ref2$defaultValue;
     return [].concat(_toConsumableArray(statesFields), _toConsumableArray(repeatable ? [{
       type: 'items',
       name: fieldName || id,
@@ -1106,7 +1106,7 @@ var DefinitionsManager = /*#__PURE__*/function (_EventEmitter) {
     value: function getComponent(id) {
       var _ref = this.getDefinition(id) || {},
         _ref$component = _ref.component,
-        component = _ref$component === void 0 ? null : _ref$component;
+        component = _ref$component === undefined ? null : _ref$component;
       return component;
     }
   }, {
@@ -1115,7 +1115,7 @@ var DefinitionsManager = /*#__PURE__*/function (_EventEmitter) {
       return this.definitions.reduce(function (allComponents, _ref2) {
         var id = _ref2.id,
           _ref2$component = _ref2.component,
-          component = _ref2$component === void 0 ? null : _ref2$component;
+          component = _ref2$component === undefined ? null : _ref2$component;
         return component !== null ? _objectSpread(_objectSpread({}, allComponents), {}, _defineProperty({}, id, component)) : allComponents;
       }, {});
     }
@@ -1198,14 +1198,14 @@ var FieldsManager = /*#__PURE__*/function (_DefinitionsManager) {
   }]);
 }(DefinitionsManager);
 
-var _excluded$4 = ["medias"],
-  _excluded2$2 = ["medias"];
+var _excluded$5 = ["medias"],
+  _excluded2$1 = ["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;
+      fieldsPattern = _ref$fieldsPattern === undefined ? {} : _ref$fieldsPattern;
     _classCallCheck(this, MediasParser);
     this.fieldsManager = fieldsManager;
     this.screensManager = screensManager;
@@ -1218,7 +1218,7 @@ var MediasParser = /*#__PURE__*/function () {
       if (typeof this.parsedThemesCache[storyId] === 'undefined') {
         var _this$toPath = this.toPath(theme),
           themeMedias = _this$toPath.medias,
-          newTheme = _objectWithoutProperties(_this$toPath, _excluded$4);
+          newTheme = _objectWithoutProperties(_this$toPath, _excluded$5);
         this.parsedThemesCache[storyId] = {
           themeMedias: themeMedias,
           newTheme: newTheme
@@ -1246,11 +1246,11 @@ var MediasParser = /*#__PURE__*/function () {
       }
       var _ref2 = story || {},
         _ref2$id = _ref2.id,
-        storyId = _ref2$id === void 0 ? null : _ref2$id,
+        storyId = _ref2$id === undefined ? null : _ref2$id,
         _ref2$theme = _ref2.theme,
-        theme = _ref2$theme === void 0 ? null : _ref2$theme,
+        theme = _ref2$theme === undefined ? null : _ref2$theme,
         _ref2$components = _ref2.components,
-        components = _ref2$components === void 0 ? [] : _ref2$components;
+        components = _ref2$components === undefined ? [] : _ref2$components;
       var _components$reduce = components.reduce(function (_ref3, screen) {
           var previousComponents = _ref3.components,
             currentMedias = _ref3.medias;
@@ -1272,7 +1272,7 @@ var MediasParser = /*#__PURE__*/function () {
       if (theme !== null) {
         var _this$getParsedStoryT = this.getParsedStoryTheme(storyId, theme),
           themeMedias = _this$getParsedStoryT.medias,
-          newTheme = _objectWithoutProperties(_this$getParsedStoryT, _excluded2$2);
+          newTheme = _objectWithoutProperties(_this$getParsedStoryT, _excluded2$1);
         return medias !== null || themeMedias !== null ? _objectSpread(_objectSpread({}, story), {}, {
           theme: newTheme,
           components: newComponents,
@@ -1295,11 +1295,11 @@ var MediasParser = /*#__PURE__*/function () {
       }
       var _ref4 = story || {},
         _ref4$theme = _ref4.theme,
-        theme = _ref4$theme === void 0 ? null : _ref4$theme,
+        theme = _ref4$theme === undefined ? null : _ref4$theme,
         _ref4$components = _ref4.components,
-        components = _ref4$components === void 0 ? [] : _ref4$components,
+        components = _ref4$components === undefined ? [] : _ref4$components,
         _ref4$medias = _ref4.medias,
-        medias = _ref4$medias === void 0 ? defaultMedias : _ref4$medias;
+        medias = _ref4$medias === undefined ? defaultMedias : _ref4$medias;
       if (medias === null && theme === null) {
         return story;
       }
@@ -1337,9 +1337,9 @@ var MediasParser = /*#__PURE__*/function () {
       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,
+          name = _field$name === undefined ? null : _field$name,
           _field$type = field.type,
-          type = _field$type === void 0 ? null : _field$type;
+          type = _field$type === undefined ? null : _field$type;
         var path = [namePrefix, name].filter(function (it) {
           return it !== null && it !== '';
         }).join('\\.');
@@ -1347,11 +1347,11 @@ var MediasParser = /*#__PURE__*/function () {
 
         // also check settings fields
         var _fieldDefinition$fiel = fieldDefinition.fields,
-          subFields = _fieldDefinition$fiel === void 0 ? [] : _fieldDefinition$fiel,
+          subFields = _fieldDefinition$fiel === undefined ? [] : _fieldDefinition$fiel,
           _fieldDefinition$item = fieldDefinition.itemsField,
-          itemsField = _fieldDefinition$item === void 0 ? null : _fieldDefinition$item,
+          itemsField = _fieldDefinition$item === undefined ? null : _fieldDefinition$item,
           _fieldDefinition$sett = fieldDefinition.settings,
-          settings = _fieldDefinition$sett === void 0 ? [] : _fieldDefinition$sett;
+          settings = _fieldDefinition$sett === undefined ? [] : _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]+")) : []));
       }, []);
     }
@@ -1359,14 +1359,14 @@ var MediasParser = /*#__PURE__*/function () {
     key: "fieldIsMedia",
     value: function fieldIsMedia(_ref5) {
       var _ref5$media = _ref5.media,
-        media = _ref5$media === void 0 ? false : _ref5$media;
+        media = _ref5$media === undefined ? false : _ref5$media;
       return media;
     }
   }, {
     key: "fieldIsFontFamily",
     value: function fieldIsFontFamily(_ref6) {
       var _ref6$id = _ref6.id,
-        id = _ref6$id === void 0 ? null : _ref6$id;
+        id = _ref6$id === undefined ? null : _ref6$id;
       return id === 'font-family';
     }
   }, {
@@ -1395,7 +1395,7 @@ var MediasParser = /*#__PURE__*/function () {
     key: "getMediaPath",
     value: function getMediaPath(_ref7) {
       var _ref7$id = _ref7.id,
-        id = _ref7$id === void 0 ? null : _ref7$id;
+        id = _ref7$id === undefined ? null : _ref7$id;
       return id !== null ? "media://".concat(id) : null;
     }
   }, {
@@ -1484,7 +1484,7 @@ var ScreensManager = /*#__PURE__*/function (_DefinitionsManager) {
     value: function getFields(id) {
       var _ref = this.getDefinition(id) || {},
         _ref$fields = _ref.fields,
-        fields = _ref$fields === void 0 ? null : _ref$fields;
+        fields = _ref$fields === undefined ? null : _ref$fields;
       return fields;
     }
   }, {
@@ -1492,7 +1492,7 @@ var ScreensManager = /*#__PURE__*/function (_DefinitionsManager) {
     value: function getLayouts(id) {
       var _ref2 = this.getDefinition(id) || {},
         _ref2$layouts = _ref2.layouts,
-        layouts = _ref2$layouts === void 0 ? null : _ref2$layouts;
+        layouts = _ref2$layouts === undefined ? null : _ref2$layouts;
       return layouts;
     }
   }, {
@@ -1524,13 +1524,13 @@ var ScreensManager = /*#__PURE__*/function (_DefinitionsManager) {
   }]);
 }(DefinitionsManager);
 
-var _excluded$3 = ["fonts"];
+var _excluded$4 = ["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;
+      fieldsPattern = _ref$fieldsPattern === undefined ? {} : _ref$fieldsPattern;
     _classCallCheck(this, FontsParser);
     this.fieldsManager = fieldsManager;
     this.screensManager = screensManager;
@@ -1558,9 +1558,9 @@ var FontsParser = /*#__PURE__*/function () {
       // Extract fonts from screen
       var _ref2 = story || {},
         _ref2$theme = _ref2.theme,
-        theme = _ref2$theme === void 0 ? null : _ref2$theme,
+        theme = _ref2$theme === undefined ? null : _ref2$theme,
         _ref2$components = _ref2.components,
-        components = _ref2$components === void 0 ? [] : _ref2$components;
+        components = _ref2$components === undefined ? [] : _ref2$components;
       var fonts = uniq(components.reduce(function (currentFonts, screen) {
         var type = screen.type;
         var fieldsPattern = _this.getFieldsPatternByScreen(type);
@@ -1572,8 +1572,8 @@ var FontsParser = /*#__PURE__*/function () {
       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$3);
+          themeFonts = _this$parse$fonts === undefined ? [] : _this$parse$fonts,
+          newTheme = _objectWithoutProperties(_this$parse, _excluded$4);
         return fonts.length > 0 || themeFonts.length > 0 ? _objectSpread(_objectSpread({}, story), {}, {
           theme: newTheme,
           fonts: uniq([].concat(_toConsumableArray(themeFonts), _toConsumableArray(fonts)), 'name')
@@ -1590,9 +1590,9 @@ var FontsParser = /*#__PURE__*/function () {
       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,
+          name = _field$name === undefined ? null : _field$name,
           _field$type = field.type,
-          type = _field$type === void 0 ? null : _field$type;
+          type = _field$type === undefined ? null : _field$type;
         var path = [namePrefix, name].filter(function (it) {
           return it !== null && it !== '';
         }).join('\\.');
@@ -1600,11 +1600,11 @@ var FontsParser = /*#__PURE__*/function () {
 
         // also check settings fields
         var _fieldDefinition$fiel = fieldDefinition.fields,
-          subFields = _fieldDefinition$fiel === void 0 ? [] : _fieldDefinition$fiel,
+          subFields = _fieldDefinition$fiel === undefined ? [] : _fieldDefinition$fiel,
           _fieldDefinition$item = fieldDefinition.itemsField,
-          itemsField = _fieldDefinition$item === void 0 ? null : _fieldDefinition$item,
+          itemsField = _fieldDefinition$item === undefined ? null : _fieldDefinition$item,
           _fieldDefinition$sett = fieldDefinition.settings,
-          settings = _fieldDefinition$sett === void 0 ? [] : _fieldDefinition$sett;
+          settings = _fieldDefinition$sett === undefined ? [] : _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]+")) : []));
       }, []);
     }
@@ -1612,14 +1612,14 @@ var FontsParser = /*#__PURE__*/function () {
     key: "fieldIsFontFamily",
     value: function fieldIsFontFamily(_ref3) {
       var _ref3$id = _ref3.id,
-        id = _ref3$id === void 0 ? null : _ref3$id;
+        id = _ref3$id === undefined ? 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;
+        type = _ref4$type === undefined ? null : _ref4$type;
       return type === 'custom' || type === 'google';
     }
   }, {
@@ -1649,58 +1649,96 @@ var FontsParser = /*#__PURE__*/function () {
   }]);
 }();
 
-var _excluded$2 = ["components"],
-  _excluded2$1 = ["shareIncentive", "callToAction"];
+var _excluded$3 = ["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 === undefined ? null : _ref$shareIncentive,
+        _ref$callToAction = _ref.callToAction,
+        callToAction = _ref$callToAction === undefined ? 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 === undefined ? null : _ref2$shareIncentive,
+        _ref2$callToAction = _ref2.callToAction,
+        callToAction = _ref2$callToAction === undefined ? null : _ref2$callToAction,
+        restScreen = _objectWithoutProperties(_ref2, _excluded$3);
+      var _ref3 = screen || {},
+        _ref3$header = _ref3.header,
+        header = _ref3$header === undefined ? null : _ref3$header,
+        _ref3$footer = _ref3.footer,
+        footer = _ref3$footer === undefined ? 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;
+    }
+  }]);
+}();
+
+var migrations = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    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]();
+    });
   }
 
   // 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,
+        components = _ref2$components === undefined ? [] : _ref2$components,
         restStory = _objectWithoutProperties(_ref2, _excluded$2);
       var finalComponents = components.reduce(function (currentComponents, screen) {
-        var _ref3 = screen || {},
-          _ref3$shareIncentive = _ref3.shareIncentive,
-          shareIncentive = _ref3$shareIncentive === void 0 ? null : _ref3$shareIncentive,
-          _ref3$callToAction = _ref3.callToAction,
-          callToAction = _ref3$callToAction === void 0 ? null : _ref3$callToAction,
-          restScreen = _objectWithoutProperties(_ref3, _excluded2$1);
-        if (shareIncentive === null && callToAction === null) {
-          return [].concat(_toConsumableArray(currentComponents), [restScreen]);
-        }
-        var _ref4 = screen || {},
-          _ref4$header = _ref4.header,
-          header = _ref4$header === void 0 ? null : _ref4$header,
-          _ref4$footer = _ref4.footer,
-          footer = _ref4$footer === void 0 ? null : _ref4$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);
+        var newScreen = _this.parsers.reduce(function (currentScreen, parser) {
+          if (parser.test(currentScreen)) {
+            return parser.parse(currentScreen);
+          }
+          return currentScreen;
+        }, screen);
         return [].concat(_toConsumableArray(currentComponents), [newScreen]);
       }, []);
       return _objectSpread(_objectSpread({}, restStory), {}, {
@@ -1739,11 +1777,11 @@ var ThemeParser = /*#__PURE__*/function () {
     value: function getFieldsForDefinition(definition) {
       var _ref2 = definition || {},
         _ref2$id = _ref2.id,
-        definitionId = _ref2$id === void 0 ? null : _ref2$id,
+        definitionId = _ref2$id === undefined ? null : _ref2$id,
         _ref2$fields = _ref2.fields,
-        fields = _ref2$fields === void 0 ? [] : _ref2$fields,
+        fields = _ref2$fields === undefined ? [] : _ref2$fields,
         _ref2$states = _ref2.states,
-        states = _ref2$states === void 0 ? [] : _ref2$states;
+        states = _ref2$states === undefined ? [] : _ref2$states;
       if (typeof this.fieldsCache[definitionId] === 'undefined') {
         if (states === null || states.length === 0) {
           this.fieldsCache[definitionId] = {
@@ -1756,18 +1794,18 @@ var ThemeParser = /*#__PURE__*/function () {
           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;
+                repeatable = _ref3$repeatable === undefined ? false : _ref3$repeatable;
               return repeatable === false;
             });
             repetableStates = states.filter(function (_ref4) {
               var _ref4$repeatable = _ref4.repeatable,
-                repeatable = _ref4$repeatable === void 0 ? false : _ref4$repeatable;
+                repeatable = _ref4$repeatable === undefined ? 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;
+                itemFields = _ref5$fields === undefined ? [] : _ref5$fields;
               if (itemFields !== null && itemFields.length > 0) {
                 return acc.concat(itemFields);
               }
@@ -1791,22 +1829,22 @@ var ThemeParser = /*#__PURE__*/function () {
       }
       var _ref6 = story || {},
         _ref6$theme = _ref6.theme,
-        theme = _ref6$theme === void 0 ? null : _ref6$theme,
+        theme = _ref6$theme === undefined ? null : _ref6$theme,
         _ref6$components = _ref6.components,
-        components = _ref6$components === void 0 ? null : _ref6$components;
+        components = _ref6$components === undefined ? null : _ref6$components;
       if (theme === null || components === null) {
         return story;
       }
       var _theme$components = theme.components,
-        themeComponents = _theme$components === void 0 ? [] : _theme$components,
+        themeComponents = _theme$components === undefined ? [] : _theme$components,
         _theme$background = theme.background,
-        themeBackground = _theme$background === void 0 ? null : _theme$background,
+        themeBackground = _theme$background === undefined ? null : _theme$background,
         _theme$colors = theme.colors,
-        themeColors = _theme$colors === void 0 ? {} : _theme$colors,
+        themeColors = _theme$colors === undefined ? {} : _theme$colors,
         _theme$textStyles = theme.textStyles,
-        themeTextStyles = _theme$textStyles === void 0 ? null : _theme$textStyles,
+        themeTextStyles = _theme$textStyles === undefined ? null : _theme$textStyles,
         _theme$boxStyles = theme.boxStyles,
-        themeBoxStyles = _theme$boxStyles === void 0 ? null : _theme$boxStyles;
+        themeBoxStyles = _theme$boxStyles === undefined ? null : _theme$boxStyles;
 
       // Speed test
       // const newComponents = [...components];
@@ -1854,9 +1892,9 @@ var ThemeParser = /*#__PURE__*/function () {
       var _this2 = this;
       var _this$getFieldsForDef = this.getFieldsForDefinition(definition),
         _this$getFieldsForDef2 = _this$getFieldsForDef.fields,
-        fields = _this$getFieldsForDef2 === void 0 ? null : _this$getFieldsForDef2,
+        fields = _this$getFieldsForDef2 === undefined ? null : _this$getFieldsForDef2,
         _this$getFieldsForDef3 = _this$getFieldsForDef.repetableStates,
-        repetableStates = _this$getFieldsForDef3 === void 0 ? null : _this$getFieldsForDef3;
+        repetableStates = _this$getFieldsForDef3 === undefined ? null : _this$getFieldsForDef3;
       var newThemeValue = themeValue === null && themeBackground !== null ? {} : themeValue;
       if (themeBackground !== null && typeof newThemeValue.background !== 'undefined') {
         newThemeValue.background = _objectSpread(_objectSpread({}, themeBackground), newThemeValue.background);
@@ -1868,7 +1906,7 @@ var ThemeParser = /*#__PURE__*/function () {
         if (repetableStates !== null && repetableStates.length > 0) {
           repetableState = repetableStates.find(function (_ref7) {
             var _ref7$id = _ref7.id,
-              stateId = _ref7$id === void 0 ? null : _ref7$id;
+              stateId = _ref7$id === undefined ? null : _ref7$id;
             return stateId !== null && stateId === key;
           }) || null;
         }
@@ -1879,9 +1917,9 @@ var ThemeParser = /*#__PURE__*/function () {
         var fieldThemeValue = newThemeValue !== null ? newThemeValue[key] || null : null;
 
         // Try for early return
-        var _ref8 = fieldDefinition || {},
+        var _ref8 = fieldDefinition,
           _ref8$theme = _ref8.theme,
-          theme = _ref8$theme === void 0 ? null : _ref8$theme;
+          theme = _ref8$theme === undefined ? null : _ref8$theme;
         if ((theme === null || !isObject(theme)) && fields === null) {
           return _objectSpread(_objectSpread({}, currentValue), {}, _defineProperty({}, key, fieldValue));
         }
@@ -1904,9 +1942,9 @@ var ThemeParser = /*#__PURE__*/function () {
     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,
+        fieldTheme = _fieldDefinition$them === undefined ? null : _fieldDefinition$them,
         _fieldDefinition$fiel = fieldDefinition.fields,
-        definitionFields = _fieldDefinition$fiel === void 0 ? null : _fieldDefinition$fiel;
+        definitionFields = _fieldDefinition$fiel === undefined ? null : _fieldDefinition$fiel;
 
       // There are sub-fields in this definition
       if (definitionFields !== null && value !== null) {
@@ -1933,11 +1971,11 @@ var ThemeParser = /*#__PURE__*/function () {
             }
             var _ref9 = fieldTheme[innerFieldName] || {},
               _ref9$textStyle = _ref9.textStyle,
-              innerFieldTextStyle = _ref9$textStyle === void 0 ? null : _ref9$textStyle,
+              innerFieldTextStyle = _ref9$textStyle === undefined ? null : _ref9$textStyle,
               _ref9$color = _ref9.color,
-              innerFieldColor = _ref9$color === void 0 ? null : _ref9$color,
+              innerFieldColor = _ref9$color === undefined ? null : _ref9$color,
               _ref9$boxStyle = _ref9.boxStyle,
-              innerFieldBoxStyle = _ref9$boxStyle === void 0 ? null : _ref9$boxStyle;
+              innerFieldBoxStyle = _ref9$boxStyle === undefined ? null : _ref9$boxStyle;
 
             // Early return, no theme
             if (innerFieldTextStyle === null && innerFieldColor === null && innerFieldBoxStyle === null) {
@@ -1979,7 +2017,7 @@ var ThemeParser = /*#__PURE__*/function () {
         }) || null : fieldsOrDefinition;
         var _ref10 = innerDefinition || {},
           _ref10$theme = _ref10.theme,
-          idfTheme = _ref10$theme === void 0 ? null : _ref10$theme;
+          idfTheme = _ref10$theme === undefined ? null : _ref10$theme;
         var innerValue = value[innerFieldName];
 
         // For items fields
@@ -2012,11 +2050,11 @@ var ThemeParser = /*#__PURE__*/function () {
         var value = initialValue || null;
         var _ref11 = fieldTheme || {},
           _ref11$textStyle = _ref11.textStyle,
-          fieldTextStyleName = _ref11$textStyle === void 0 ? null : _ref11$textStyle,
+          fieldTextStyleName = _ref11$textStyle === undefined ? null : _ref11$textStyle,
           _ref11$color = _ref11.color,
-          fieldColorName = _ref11$color === void 0 ? null : _ref11$color,
+          fieldColorName = _ref11$color === undefined ? null : _ref11$color,
           _ref11$boxStyle = _ref11.boxStyle,
-          fieldBoxStyleName = _ref11$boxStyle === void 0 ? null : _ref11$boxStyle,
+          fieldBoxStyleName = _ref11$boxStyle === undefined ? null : _ref11$boxStyle,
           otherProps = _objectWithoutProperties(_ref11, _excluded$1);
         if (fieldTextStyleName === null && fieldColorName === null && fieldBoxStyleName === null && isEmpty(otherProps) && !isObject(fieldTheme)) {
           return value;
@@ -2031,9 +2069,9 @@ var ThemeParser = /*#__PURE__*/function () {
         }
         var _ref13 = value || {},
           _ref13$textStyle = _ref13.textStyle,
-          valueTextStyle = _ref13$textStyle === void 0 ? null : _ref13$textStyle,
+          valueTextStyle = _ref13$textStyle === undefined ? null : _ref13$textStyle,
           _ref13$boxStyle = _ref13.boxStyle,
-          valueBoxStyle = _ref13$boxStyle === void 0 ? null : _ref13$boxStyle;
+          valueBoxStyle = _ref13$boxStyle === undefined ? null : _ref13$boxStyle;
 
         // Color
         var fieldColor = fieldColorName !== null && themeColors !== null ? themeColors[fieldColorName] || null : null;
@@ -2071,9 +2109,9 @@ var StoryParser = /*#__PURE__*/function () {
     _classCallCheck(this, StoryParser);
     var _ref2 = fieldsPattern || {},
       _ref2$medias = _ref2.medias,
-      mediasPattern = _ref2$medias === void 0 ? null : _ref2$medias,
+      mediasPattern = _ref2$medias === undefined ? null : _ref2$medias,
       _ref2$fonts = _ref2.fonts,
-      fontsPattern = _ref2$fonts === void 0 ? null : _ref2$fonts;
+      fontsPattern = _ref2$fonts === undefined ? null : _ref2$fonts;
     this.themeParser = new ThemeParser({
       screensManager: screensManager
     });
@@ -2097,13 +2135,13 @@ var StoryParser = /*#__PURE__*/function () {
       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,
+        withTheme = _ref3$withTheme === undefined ? true : _ref3$withTheme,
         _ref3$withMedias = _ref3.withMedias,
-        withMedias = _ref3$withMedias === void 0 ? true : _ref3$withMedias,
+        withMedias = _ref3$withMedias === undefined ? true : _ref3$withMedias,
         _ref3$withFonts = _ref3.withFonts,
-        withFonts = _ref3$withFonts === void 0 ? true : _ref3$withFonts,
+        withFonts = _ref3$withFonts === undefined ? true : _ref3$withFonts,
         _ref3$withMigrations = _ref3.withMigrations,
-        withMigrations = _ref3$withMigrations === void 0 ? true : _ref3$withMigrations;
+        withMigrations = _ref3$withMigrations === undefined ? true : _ref3$withMigrations;
       if (story === null) {
         return story;
       }
@@ -2143,14 +2181,14 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
     value: function trackScreenView(screen, screenIndex) {
       var _ref = this.variables || {},
         _ref$screensCount = _ref.screensCount,
-        screensCount = _ref$screensCount === void 0 ? null : _ref$screensCount;
+        screensCount = _ref$screensCount === undefined ? null : _ref$screensCount;
       var _ref2 = screen || {},
         _ref2$id = _ref2.id,
-        screenId = _ref2$id === void 0 ? null : _ref2$id,
+        screenId = _ref2$id === undefined ? null : _ref2$id,
         _ref2$type = _ref2.type,
-        screenType = _ref2$type === void 0 ? null : _ref2$type,
+        screenType = _ref2$type === undefined ? null : _ref2$type,
         _ref2$metadata = _ref2.metadata,
-        metadata = _ref2$metadata === void 0 ? {} : _ref2$metadata;
+        metadata = _ref2$metadata === undefined ? {} : _ref2$metadata;
       var _ref3 = metadata || {},
         screenTitle = _ref3.title;
       if (this.screensViewed.indexOf(screenId || screenIndex) !== -1) {
@@ -2173,7 +2211,7 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
     value: function trackEvent(category, action, label) {
       var _ref4 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {},
         _ref4$value = _ref4.value,
-        value = _ref4$value === void 0 ? null : _ref4$value,
+        value = _ref4$value === undefined ? null : _ref4$value,
         opts = _objectWithoutProperties(_ref4, _excluded);
       var data = _objectSpread(_objectSpread({}, opts), {}, {
         event: 'eventInteraction',
@@ -2189,24 +2227,24 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
     value: function trackMedia(type, media, action) {
       var _ref5 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {},
         _ref5$value = _ref5.value,
-        value = _ref5$value === void 0 ? null : _ref5$value,
+        value = _ref5$value === undefined ? null : _ref5$value,
         _ref5$currentTime = _ref5.currentTime,
-        optsCurrentTime = _ref5$currentTime === void 0 ? null : _ref5$currentTime,
+        optsCurrentTime = _ref5$currentTime === undefined ? null : _ref5$currentTime,
         opts = _objectWithoutProperties(_ref5, _excluded2);
       var _ref6 = media || {},
         _ref6$id = _ref6.id,
-        mediaId = _ref6$id === void 0 ? null : _ref6$id,
+        mediaId = _ref6$id === undefined ? null : _ref6$id,
         _ref6$name = _ref6.name,
-        name = _ref6$name === void 0 ? null : _ref6$name,
+        name = _ref6$name === undefined ? null : _ref6$name,
         _ref6$duration = _ref6.duration,
-        rootDuration = _ref6$duration === void 0 ? null : _ref6$duration,
+        rootDuration = _ref6$duration === undefined ? null : _ref6$duration,
         _ref6$currentTime = _ref6.currentTime,
-        currentTime = _ref6$currentTime === void 0 ? optsCurrentTime : _ref6$currentTime,
+        currentTime = _ref6$currentTime === undefined ? optsCurrentTime : _ref6$currentTime,
         _ref6$metadata = _ref6.metadata,
-        metadata = _ref6$metadata === void 0 ? {} : _ref6$metadata;
+        metadata = _ref6$metadata === undefined ? {} : _ref6$metadata;
       var _ref7 = metadata || {},
         _ref7$duration = _ref7.duration,
-        duration = _ref7$duration === void 0 ? rootDuration : _ref7$duration;
+        duration = _ref7$duration === undefined ? rootDuration : _ref7$duration;
       var label = name;
       var data = _objectSpread(_objectSpread({}, opts), {}, {
         event: 'eventInteraction',