@micromag/core 0.3.651 → 0.3.659

package/es/index.js

@@ -17,6 +17,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import isString from 'lodash/isString';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import uniq from 'lodash/uniq';
+import { isString as isString$1 } from 'lodash';
 import isEmpty from 'lodash/isEmpty';
 import { Tracking as Tracking$1 } from '@folklore/tracking';
 import PropTypes$1 from 'prop-types';
@@ -804,16 +805,16 @@ var ColorsParser = /*#__PURE__*/function () {
       }
       var _ref2 = story || {},
         _ref2$theme = _ref2.theme,
-        theme = _ref2$theme === undefined ? null : _ref2$theme,
+        theme = _ref2$theme === void 0 ? null : _ref2$theme,
         _ref2$components = _ref2.components,
-        components = _ref2$components === undefined ? [] : _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 === undefined ? null : _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 === undefined ? [] : _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;
@@ -837,20 +838,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 === undefined ? null : _field$name,
+          name = _field$name === void 0 ? null : _field$name,
           _field$type = field.type,
-          type = _field$type === undefined ? null : _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 === undefined ? [] : _fieldDefinition$fiel,
+          subFields = _fieldDefinition$fiel === void 0 ? [] : _fieldDefinition$fiel,
           _fieldDefinition$item = fieldDefinition.itemsField,
-          itemsField = _fieldDefinition$item === undefined ? null : _fieldDefinition$item,
+          itemsField = _fieldDefinition$item === void 0 ? null : _fieldDefinition$item,
           _fieldDefinition$sett = fieldDefinition.settings,
-          settings = _fieldDefinition$sett === undefined ? [] : _fieldDefinition$sett;
+          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]+")) : []));
       }, []);
     }
@@ -858,7 +859,7 @@ var ColorsParser = /*#__PURE__*/function () {
     key: "fieldIsColor",
     value: function fieldIsColor(_ref5) {
       var _ref5$id = _ref5.id,
-        id = _ref5$id === undefined ? null : _ref5$id;
+        id = _ref5$id === void 0 ? null : _ref5$id;
       return id === 'color';
     }
   }, {
@@ -871,7 +872,7 @@ var ColorsParser = /*#__PURE__*/function () {
       return keys.reduce(function (_ref6, key) {
         var currentData = _ref6.data,
           _ref6$colors = _ref6.colors,
-          currentColors = _ref6$colors === undefined ? null : _ref6$colors;
+          currentColors = _ref6$colors === void 0 ? null : _ref6$colors;
         var path = [keyPrefix, key].filter(function (it) {
           return it !== null;
         }).join('.');
@@ -930,9 +931,9 @@ var getComponentFromName = function getComponentFromName() {
 function getScreenFieldsWithStates(definition) {
   var _ref = definition || {},
     _ref$fields = _ref.fields,
-    screenFields = _ref$fields === undefined ? null : _ref$fields,
+    screenFields = _ref$fields === void 0 ? null : _ref$fields,
     _ref$states = _ref.states,
-    states = _ref$states === undefined ? null : _ref$states;
+    states = _ref$states === void 0 ? null : _ref$states;
   if (states === null) {
     return screenFields;
   }
@@ -940,14 +941,14 @@ function getScreenFieldsWithStates(definition) {
     var _ref2 = current || {},
       id = _ref2.id,
       _ref2$fields = _ref2.fields,
-      fields = _ref2$fields === undefined ? [] : _ref2$fields,
+      fields = _ref2$fields === void 0 ? [] : _ref2$fields,
       _ref2$repeatable = _ref2.repeatable,
-      repeatable = _ref2$repeatable === undefined ? false : _ref2$repeatable,
+      repeatable = _ref2$repeatable === void 0 ? false : _ref2$repeatable,
       _ref2$fieldName = _ref2.fieldName,
-      fieldName = _ref2$fieldName === undefined ? null : _ref2$fieldName,
+      fieldName = _ref2$fieldName === void 0 ? null : _ref2$fieldName,
       label = _ref2.label,
       _ref2$defaultValue = _ref2.defaultValue,
-      defaultValue = _ref2$defaultValue === undefined ? null : _ref2$defaultValue;
+      defaultValue = _ref2$defaultValue === void 0 ? null : _ref2$defaultValue;
     return [].concat(_toConsumableArray(statesFields), _toConsumableArray(repeatable ? [{
       type: 'items',
       name: fieldName || id,
@@ -1107,7 +1108,7 @@ var DefinitionsManager = /*#__PURE__*/function (_EventEmitter) {
     value: function getComponent(id) {
       var _ref = this.getDefinition(id) || {},
         _ref$component = _ref.component,
-        component = _ref$component === undefined ? null : _ref$component;
+        component = _ref$component === void 0 ? null : _ref$component;
       return component;
     }
   }, {
@@ -1116,7 +1117,7 @@ var DefinitionsManager = /*#__PURE__*/function (_EventEmitter) {
       return this.definitions.reduce(function (allComponents, _ref2) {
         var id = _ref2.id,
           _ref2$component = _ref2.component,
-          component = _ref2$component === undefined ? null : _ref2$component;
+          component = _ref2$component === void 0 ? null : _ref2$component;
         return component !== null ? _objectSpread(_objectSpread({}, allComponents), {}, _defineProperty({}, id, component)) : allComponents;
       }, {});
     }
@@ -1199,14 +1200,14 @@ var FieldsManager = /*#__PURE__*/function (_DefinitionsManager) {
   }]);
 }(DefinitionsManager);
 
-var _excluded$6 = ["medias"],
-  _excluded2$2 = ["medias"];
+var _excluded$7 = ["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 === undefined ? {} : _ref$fieldsPattern;
+      fieldsPattern = _ref$fieldsPattern === void 0 ? {} : _ref$fieldsPattern;
     _classCallCheck(this, MediasParser);
     this.fieldsManager = fieldsManager;
     this.screensManager = screensManager;
@@ -1219,7 +1220,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$6);
+          newTheme = _objectWithoutProperties(_this$toPath, _excluded$7);
         this.parsedThemesCache[storyId] = {
           themeMedias: themeMedias,
           newTheme: newTheme
@@ -1247,11 +1248,11 @@ var MediasParser = /*#__PURE__*/function () {
       }
       var _ref2 = story || {},
         _ref2$id = _ref2.id,
-        storyId = _ref2$id === undefined ? null : _ref2$id,
+        storyId = _ref2$id === void 0 ? null : _ref2$id,
         _ref2$theme = _ref2.theme,
-        theme = _ref2$theme === undefined ? null : _ref2$theme,
+        theme = _ref2$theme === void 0 ? null : _ref2$theme,
         _ref2$components = _ref2.components,
-        components = _ref2$components === undefined ? [] : _ref2$components;
+        components = _ref2$components === void 0 ? [] : _ref2$components;
       var _components$reduce = components.reduce(function (_ref3, screen) {
           var previousComponents = _ref3.components,
             currentMedias = _ref3.medias;
@@ -1273,7 +1274,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$3);
         return medias !== null || themeMedias !== null ? _objectSpread(_objectSpread({}, story), {}, {
           theme: newTheme,
           components: newComponents,
@@ -1296,11 +1297,11 @@ var MediasParser = /*#__PURE__*/function () {
       }
       var _ref4 = story || {},
         _ref4$theme = _ref4.theme,
-        theme = _ref4$theme === undefined ? null : _ref4$theme,
+        theme = _ref4$theme === void 0 ? null : _ref4$theme,
         _ref4$components = _ref4.components,
-        components = _ref4$components === undefined ? [] : _ref4$components,
+        components = _ref4$components === void 0 ? [] : _ref4$components,
         _ref4$medias = _ref4.medias,
-        medias = _ref4$medias === undefined ? defaultMedias : _ref4$medias;
+        medias = _ref4$medias === void 0 ? defaultMedias : _ref4$medias;
       if (medias === null && theme === null) {
         return story;
       }
@@ -1338,9 +1339,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 === undefined ? null : _field$name,
+          name = _field$name === void 0 ? null : _field$name,
           _field$type = field.type,
-          type = _field$type === undefined ? null : _field$type;
+          type = _field$type === void 0 ? null : _field$type;
         var path = [namePrefix, name].filter(function (it) {
           return it !== null && it !== '';
         }).join('\\.');
@@ -1348,11 +1349,11 @@ var MediasParser = /*#__PURE__*/function () {
 
         // also check settings fields
         var _fieldDefinition$fiel = fieldDefinition.fields,
-          subFields = _fieldDefinition$fiel === undefined ? [] : _fieldDefinition$fiel,
+          subFields = _fieldDefinition$fiel === void 0 ? [] : _fieldDefinition$fiel,
           _fieldDefinition$item = fieldDefinition.itemsField,
-          itemsField = _fieldDefinition$item === undefined ? null : _fieldDefinition$item,
+          itemsField = _fieldDefinition$item === void 0 ? null : _fieldDefinition$item,
           _fieldDefinition$sett = fieldDefinition.settings,
-          settings = _fieldDefinition$sett === undefined ? [] : _fieldDefinition$sett;
+          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]+")) : []));
       }, []);
     }
@@ -1360,14 +1361,14 @@ var MediasParser = /*#__PURE__*/function () {
     key: "fieldIsMedia",
     value: function fieldIsMedia(_ref5) {
       var _ref5$media = _ref5.media,
-        media = _ref5$media === undefined ? false : _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 === undefined ? null : _ref6$id;
+        id = _ref6$id === void 0 ? null : _ref6$id;
       return id === 'font-family';
     }
   }, {
@@ -1396,7 +1397,7 @@ var MediasParser = /*#__PURE__*/function () {
     key: "getMediaPath",
     value: function getMediaPath(_ref7) {
       var _ref7$id = _ref7.id,
-        id = _ref7$id === undefined ? null : _ref7$id;
+        id = _ref7$id === void 0 ? null : _ref7$id;
       return id !== null ? "media://".concat(id) : null;
     }
   }, {
@@ -1485,7 +1486,7 @@ var ScreensManager = /*#__PURE__*/function (_DefinitionsManager) {
     value: function getFields(id) {
       var _ref = this.getDefinition(id) || {},
         _ref$fields = _ref.fields,
-        fields = _ref$fields === undefined ? null : _ref$fields;
+        fields = _ref$fields === void 0 ? null : _ref$fields;
       return fields;
     }
   }, {
@@ -1493,7 +1494,7 @@ var ScreensManager = /*#__PURE__*/function (_DefinitionsManager) {
     value: function getLayouts(id) {
       var _ref2 = this.getDefinition(id) || {},
         _ref2$layouts = _ref2.layouts,
-        layouts = _ref2$layouts === undefined ? null : _ref2$layouts;
+        layouts = _ref2$layouts === void 0 ? null : _ref2$layouts;
       return layouts;
     }
   }, {
@@ -1525,13 +1526,13 @@ var ScreensManager = /*#__PURE__*/function (_DefinitionsManager) {
   }]);
 }(DefinitionsManager);
 
-var _excluded$5 = ["fonts"];
+var _excluded$6 = ["fonts"];
 var FontsParser = /*#__PURE__*/function () {
   function FontsParser(_ref) {
     var fieldsManager = _ref.fieldsManager,
       screensManager = _ref.screensManager,
       _ref$fieldsPattern = _ref.fieldsPattern,
-      fieldsPattern = _ref$fieldsPattern === undefined ? {} : _ref$fieldsPattern;
+      fieldsPattern = _ref$fieldsPattern === void 0 ? {} : _ref$fieldsPattern;
     _classCallCheck(this, FontsParser);
     this.fieldsManager = fieldsManager;
     this.screensManager = screensManager;
@@ -1559,9 +1560,9 @@ var FontsParser = /*#__PURE__*/function () {
       // Extract fonts from screen
       var _ref2 = story || {},
         _ref2$theme = _ref2.theme,
-        theme = _ref2$theme === undefined ? null : _ref2$theme,
+        theme = _ref2$theme === void 0 ? null : _ref2$theme,
         _ref2$components = _ref2.components,
-        components = _ref2$components === undefined ? [] : _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);
@@ -1573,8 +1574,8 @@ var FontsParser = /*#__PURE__*/function () {
       if (theme !== null) {
         var _this$parse = this.parse(theme),
           _this$parse$fonts = _this$parse.fonts,
-          themeFonts = _this$parse$fonts === undefined ? [] : _this$parse$fonts,
-          newTheme = _objectWithoutProperties(_this$parse, _excluded$5);
+          themeFonts = _this$parse$fonts === void 0 ? [] : _this$parse$fonts,
+          newTheme = _objectWithoutProperties(_this$parse, _excluded$6);
         return fonts.length > 0 || themeFonts.length > 0 ? _objectSpread(_objectSpread({}, story), {}, {
           theme: newTheme,
           fonts: uniq([].concat(_toConsumableArray(themeFonts), _toConsumableArray(fonts)), 'name')
@@ -1591,9 +1592,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 === undefined ? null : _field$name,
+          name = _field$name === void 0 ? null : _field$name,
           _field$type = field.type,
-          type = _field$type === undefined ? null : _field$type;
+          type = _field$type === void 0 ? null : _field$type;
         var path = [namePrefix, name].filter(function (it) {
           return it !== null && it !== '';
         }).join('\\.');
@@ -1601,11 +1602,11 @@ var FontsParser = /*#__PURE__*/function () {
 
         // also check settings fields
         var _fieldDefinition$fiel = fieldDefinition.fields,
-          subFields = _fieldDefinition$fiel === undefined ? [] : _fieldDefinition$fiel,
+          subFields = _fieldDefinition$fiel === void 0 ? [] : _fieldDefinition$fiel,
           _fieldDefinition$item = fieldDefinition.itemsField,
-          itemsField = _fieldDefinition$item === undefined ? null : _fieldDefinition$item,
+          itemsField = _fieldDefinition$item === void 0 ? null : _fieldDefinition$item,
           _fieldDefinition$sett = fieldDefinition.settings,
-          settings = _fieldDefinition$sett === undefined ? [] : _fieldDefinition$sett;
+          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]+")) : []));
       }, []);
     }
@@ -1613,14 +1614,14 @@ var FontsParser = /*#__PURE__*/function () {
     key: "fieldIsFontFamily",
     value: function fieldIsFontFamily(_ref3) {
       var _ref3$id = _ref3.id,
-        id = _ref3$id === undefined ? null : _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 === undefined ? null : _ref4$type;
+        type = _ref4$type === void 0 ? null : _ref4$type;
       return type === 'custom' || type === 'google';
     }
   }, {
@@ -1650,7 +1651,7 @@ var FontsParser = /*#__PURE__*/function () {
   }]);
 }();
 
-var _excluded$4 = ["shareIncentive", "callToAction"];
+var _excluded$5 = ["shareIncentive", "callToAction"];
 /* eslint-disable class-methods-use-this */
 var ShareCall = /*#__PURE__*/function () {
   function ShareCall() {
@@ -1661,9 +1662,9 @@ var ShareCall = /*#__PURE__*/function () {
     value: function test(screen) {
       var _ref = screen || {},
         _ref$shareIncentive = _ref.shareIncentive,
-        shareIncentive = _ref$shareIncentive === undefined ? null : _ref$shareIncentive,
+        shareIncentive = _ref$shareIncentive === void 0 ? null : _ref$shareIncentive,
         _ref$callToAction = _ref.callToAction,
-        callToAction = _ref$callToAction === undefined ? null : _ref$callToAction;
+        callToAction = _ref$callToAction === void 0 ? null : _ref$callToAction;
       if (shareIncentive === null && callToAction === null) {
         return false;
       }
@@ -1674,15 +1675,15 @@ var ShareCall = /*#__PURE__*/function () {
     value: function parse(screen) {
       var _ref2 = screen || {},
         _ref2$shareIncentive = _ref2.shareIncentive,
-        shareIncentive = _ref2$shareIncentive === undefined ? null : _ref2$shareIncentive,
+        shareIncentive = _ref2$shareIncentive === void 0 ? null : _ref2$shareIncentive,
         _ref2$callToAction = _ref2.callToAction,
-        callToAction = _ref2$callToAction === undefined ? null : _ref2$callToAction,
-        restScreen = _objectWithoutProperties(_ref2, _excluded$4);
+        callToAction = _ref2$callToAction === void 0 ? null : _ref2$callToAction,
+        restScreen = _objectWithoutProperties(_ref2, _excluded$5);
       var _ref3 = screen || {},
         _ref3$header = _ref3.header,
-        header = _ref3$header === undefined ? null : _ref3$header,
+        header = _ref3$header === void 0 ? null : _ref3$header,
         _ref3$footer = _ref3.footer,
-        footer = _ref3$footer === undefined ? null : _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 ? {
@@ -1705,8 +1706,8 @@ var ShareCall = /*#__PURE__*/function () {
   }]);
 }();
 
-var _excluded$3 = ["answers"],
-  _excluded2$1 = ["customAnswerLabel"];
+var _excluded$4 = ["answers"],
+  _excluded2$2 = ["customAnswerLabel"];
 /* eslint-disable class-methods-use-this */
 var CustomAnswerLabel = /*#__PURE__*/function () {
   function CustomAnswerLabel() {
@@ -1717,11 +1718,11 @@ var CustomAnswerLabel = /*#__PURE__*/function () {
     value: function test(screen) {
       var _ref = screen || {},
         _ref$answers = _ref.answers,
-        answers = _ref$answers === undefined ? null : _ref$answers;
+        answers = _ref$answers === void 0 ? null : _ref$answers;
       if (answers === null || answers.length === 0) {
         return false;
       }
-      var hasCustomAnswerLabel = answers.some(function () {
+      var hasCustomAnswerLabel = (answers || []).some(function () {
         var answer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
         return answer !== null && typeof answer.customAnswerLabel !== 'undefined';
       });
@@ -1735,8 +1736,8 @@ var CustomAnswerLabel = /*#__PURE__*/function () {
     value: function parse(screen) {
       var _ref2 = screen || {},
         _ref2$answers = _ref2.answers,
-        answers = _ref2$answers === undefined ? null : _ref2$answers,
-        restScreen = _objectWithoutProperties(_ref2, _excluded$3);
+        answers = _ref2$answers === void 0 ? null : _ref2$answers,
+        restScreen = _objectWithoutProperties(_ref2, _excluded$4);
       return _objectSpread(_objectSpread({}, restScreen), {}, {
         answers: answers.map(function () {
           var answer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
@@ -1745,7 +1746,7 @@ var CustomAnswerLabel = /*#__PURE__*/function () {
           }
           var _ref3 = answer || {},
             customAnswerLabel = _ref3.customAnswerLabel,
-            restAnswer = _objectWithoutProperties(_ref3, _excluded2$1);
+            restAnswer = _objectWithoutProperties(_ref3, _excluded2$2);
           return _objectSpread(_objectSpread({}, restAnswer), {}, {
             result: customAnswerLabel
           });
@@ -1755,9 +1756,69 @@ var CustomAnswerLabel = /*#__PURE__*/function () {
   }]);
 }();
 
+var _excluded$3 = ["items"],
+  _excluded2$1 = ["label", "textStyle", "boxStyle"];
+
+/* 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$1(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$3);
+      return _objectSpread(_objectSpread({}, restScreen), {}, {
+        items: items.map(function () {
+          var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+          if (item === null || !isString$1(item === null || item === void 0 ? void 0 : item.label)) {
+            return item;
+          }
+          var _ref3 = item || {},
+            label = _ref3.label,
+            textStyle = _ref3.textStyle,
+            boxStyle = _ref3.boxStyle,
+            restAnswer = _objectWithoutProperties(_ref3, _excluded2$1);
+          return _objectSpread(_objectSpread({}, restAnswer), {}, {
+            label: {
+              body: label,
+              textStyle: textStyle,
+              buttonStyle: boxStyle
+            }
+          });
+        })
+      });
+    }
+  }]);
+}();
+
 var migrations = /*#__PURE__*/Object.freeze({
     __proto__: null,
     CustomAnswerLabel: CustomAnswerLabel,
+    KeypadItemLabel: KeypadItemLabel,
     ShareCall: ShareCall
 });
 
@@ -1782,7 +1843,7 @@ var MigrationsParser = /*#__PURE__*/function () {
       }
       var _ref2 = story || {},
         _ref2$components = _ref2.components,
-        components = _ref2$components === undefined ? [] : _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) {
@@ -1829,11 +1890,11 @@ var ThemeParser = /*#__PURE__*/function () {
     value: function getFieldsForDefinition(definition) {
       var _ref2 = definition || {},
         _ref2$id = _ref2.id,
-        definitionId = _ref2$id === undefined ? null : _ref2$id,
+        definitionId = _ref2$id === void 0 ? null : _ref2$id,
         _ref2$fields = _ref2.fields,
-        fields = _ref2$fields === undefined ? [] : _ref2$fields,
+        fields = _ref2$fields === void 0 ? [] : _ref2$fields,
         _ref2$states = _ref2.states,
-        states = _ref2$states === undefined ? [] : _ref2$states;
+        states = _ref2$states === void 0 ? [] : _ref2$states;
       if (typeof this.fieldsCache[definitionId] === 'undefined') {
         if (states === null || states.length === 0) {
           this.fieldsCache[definitionId] = {
@@ -1846,18 +1907,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 === undefined ? false : _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 === undefined ? false : _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 === undefined ? [] : _ref5$fields;
+                itemFields = _ref5$fields === void 0 ? [] : _ref5$fields;
               if (itemFields !== null && itemFields.length > 0) {
                 return acc.concat(itemFields);
               }
@@ -1881,22 +1942,22 @@ var ThemeParser = /*#__PURE__*/function () {
       }
       var _ref6 = story || {},
         _ref6$theme = _ref6.theme,
-        theme = _ref6$theme === undefined ? null : _ref6$theme,
+        theme = _ref6$theme === void 0 ? null : _ref6$theme,
         _ref6$components = _ref6.components,
-        components = _ref6$components === undefined ? null : _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 === undefined ? [] : _theme$components,
+        themeComponents = _theme$components === void 0 ? [] : _theme$components,
         _theme$background = theme.background,
-        themeBackground = _theme$background === undefined ? null : _theme$background,
+        themeBackground = _theme$background === void 0 ? null : _theme$background,
         _theme$colors = theme.colors,
-        themeColors = _theme$colors === undefined ? {} : _theme$colors,
+        themeColors = _theme$colors === void 0 ? {} : _theme$colors,
         _theme$textStyles = theme.textStyles,
-        themeTextStyles = _theme$textStyles === undefined ? null : _theme$textStyles,
+        themeTextStyles = _theme$textStyles === void 0 ? null : _theme$textStyles,
         _theme$boxStyles = theme.boxStyles,
-        themeBoxStyles = _theme$boxStyles === undefined ? null : _theme$boxStyles;
+        themeBoxStyles = _theme$boxStyles === void 0 ? null : _theme$boxStyles;
 
       // Speed test
       // const newComponents = [...components];
@@ -1944,9 +2005,9 @@ var ThemeParser = /*#__PURE__*/function () {
       var _this2 = this;
       var _this$getFieldsForDef = this.getFieldsForDefinition(definition),
         _this$getFieldsForDef2 = _this$getFieldsForDef.fields,
-        fields = _this$getFieldsForDef2 === undefined ? null : _this$getFieldsForDef2,
+        fields = _this$getFieldsForDef2 === void 0 ? null : _this$getFieldsForDef2,
         _this$getFieldsForDef3 = _this$getFieldsForDef.repetableStates,
-        repetableStates = _this$getFieldsForDef3 === undefined ? null : _this$getFieldsForDef3;
+        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);
@@ -1958,7 +2019,7 @@ var ThemeParser = /*#__PURE__*/function () {
         if (repetableStates !== null && repetableStates.length > 0) {
           repetableState = repetableStates.find(function (_ref7) {
             var _ref7$id = _ref7.id,
-              stateId = _ref7$id === undefined ? null : _ref7$id;
+              stateId = _ref7$id === void 0 ? null : _ref7$id;
             return stateId !== null && stateId === key;
           }) || null;
         }
@@ -1971,7 +2032,7 @@ var ThemeParser = /*#__PURE__*/function () {
         // Try for early return
         var _ref8 = fieldDefinition || {},
           _ref8$theme = _ref8.theme,
-          theme = _ref8$theme === undefined ? null : _ref8$theme;
+          theme = _ref8$theme === void 0 ? null : _ref8$theme;
         if ((theme === null || !isObject(theme)) && fields === null) {
           return _objectSpread(_objectSpread({}, currentValue), {}, _defineProperty({}, key, fieldValue));
         }
@@ -1994,9 +2055,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 === undefined ? null : _fieldDefinition$them,
+        fieldTheme = _fieldDefinition$them === void 0 ? null : _fieldDefinition$them,
         _fieldDefinition$fiel = fieldDefinition.fields,
-        definitionFields = _fieldDefinition$fiel === undefined ? null : _fieldDefinition$fiel;
+        definitionFields = _fieldDefinition$fiel === void 0 ? null : _fieldDefinition$fiel;
 
       // There are sub-fields in this definition
       if (definitionFields !== null && value !== null) {
@@ -2023,11 +2084,11 @@ var ThemeParser = /*#__PURE__*/function () {
             }
             var _ref9 = fieldTheme[innerFieldName] || {},
               _ref9$textStyle = _ref9.textStyle,
-              innerFieldTextStyle = _ref9$textStyle === undefined ? null : _ref9$textStyle,
+              innerFieldTextStyle = _ref9$textStyle === void 0 ? null : _ref9$textStyle,
               _ref9$color = _ref9.color,
-              innerFieldColor = _ref9$color === undefined ? null : _ref9$color,
+              innerFieldColor = _ref9$color === void 0 ? null : _ref9$color,
               _ref9$boxStyle = _ref9.boxStyle,
-              innerFieldBoxStyle = _ref9$boxStyle === undefined ? null : _ref9$boxStyle;
+              innerFieldBoxStyle = _ref9$boxStyle === void 0 ? null : _ref9$boxStyle;
 
             // Early return, no theme
             if (innerFieldTextStyle === null && innerFieldColor === null && innerFieldBoxStyle === null) {
@@ -2069,7 +2130,7 @@ var ThemeParser = /*#__PURE__*/function () {
         }) || null : fieldsOrDefinition;
         var _ref10 = innerDefinition || {},
           _ref10$theme = _ref10.theme,
-          idfTheme = _ref10$theme === undefined ? null : _ref10$theme;
+          idfTheme = _ref10$theme === void 0 ? null : _ref10$theme;
         var innerValue = value[innerFieldName];
 
         // For items fields
@@ -2102,11 +2163,11 @@ var ThemeParser = /*#__PURE__*/function () {
         var value = initialValue || null;
         var _ref11 = fieldTheme || {},
           _ref11$textStyle = _ref11.textStyle,
-          fieldTextStyleName = _ref11$textStyle === undefined ? null : _ref11$textStyle,
+          fieldTextStyleName = _ref11$textStyle === void 0 ? null : _ref11$textStyle,
           _ref11$color = _ref11.color,
-          fieldColorName = _ref11$color === undefined ? null : _ref11$color,
+          fieldColorName = _ref11$color === void 0 ? null : _ref11$color,
           _ref11$boxStyle = _ref11.boxStyle,
-          fieldBoxStyleName = _ref11$boxStyle === undefined ? null : _ref11$boxStyle,
+          fieldBoxStyleName = _ref11$boxStyle === void 0 ? null : _ref11$boxStyle,
           otherProps = _objectWithoutProperties(_ref11, _excluded$1);
         if (fieldTextStyleName === null && fieldColorName === null && fieldBoxStyleName === null && isEmpty(otherProps) && !isObject(fieldTheme)) {
           return value;
@@ -2121,9 +2182,9 @@ var ThemeParser = /*#__PURE__*/function () {
         }
         var _ref13 = value || {},
           _ref13$textStyle = _ref13.textStyle,
-          valueTextStyle = _ref13$textStyle === undefined ? null : _ref13$textStyle,
+          valueTextStyle = _ref13$textStyle === void 0 ? null : _ref13$textStyle,
           _ref13$boxStyle = _ref13.boxStyle,
-          valueBoxStyle = _ref13$boxStyle === undefined ? null : _ref13$boxStyle;
+          valueBoxStyle = _ref13$boxStyle === void 0 ? null : _ref13$boxStyle;
 
         // Color
         var fieldColor = fieldColorName !== null && themeColors !== null ? themeColors[fieldColorName] || null : null;
@@ -2161,9 +2222,9 @@ var StoryParser = /*#__PURE__*/function () {
     _classCallCheck(this, StoryParser);
     var _ref2 = fieldsPattern || {},
       _ref2$medias = _ref2.medias,
-      mediasPattern = _ref2$medias === undefined ? null : _ref2$medias,
+      mediasPattern = _ref2$medias === void 0 ? null : _ref2$medias,
       _ref2$fonts = _ref2.fonts,
-      fontsPattern = _ref2$fonts === undefined ? null : _ref2$fonts;
+      fontsPattern = _ref2$fonts === void 0 ? null : _ref2$fonts;
     this.themeParser = new ThemeParser({
       screensManager: screensManager
     });
@@ -2187,13 +2248,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 === undefined ? true : _ref3$withTheme,
+        withTheme = _ref3$withTheme === void 0 ? true : _ref3$withTheme,
         _ref3$withMedias = _ref3.withMedias,
-        withMedias = _ref3$withMedias === undefined ? true : _ref3$withMedias,
+        withMedias = _ref3$withMedias === void 0 ? true : _ref3$withMedias,
         _ref3$withFonts = _ref3.withFonts,
-        withFonts = _ref3$withFonts === undefined ? true : _ref3$withFonts,
+        withFonts = _ref3$withFonts === void 0 ? true : _ref3$withFonts,
         _ref3$withMigrations = _ref3.withMigrations,
-        withMigrations = _ref3$withMigrations === undefined ? true : _ref3$withMigrations;
+        withMigrations = _ref3$withMigrations === void 0 ? true : _ref3$withMigrations;
       if (story === null) {
         return story;
       }
@@ -2233,16 +2294,16 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
     value: function trackScreenView(screen, screenIndex) {
       var _ref = this.variables || {},
         _ref$screensCount = _ref.screensCount,
-        screensCount = _ref$screensCount === undefined ? null : _ref$screensCount;
+        screensCount = _ref$screensCount === void 0 ? null : _ref$screensCount;
       var _ref2 = screen || {},
         _ref2$id = _ref2.id,
-        screenId = _ref2$id === undefined ? null : _ref2$id,
+        screenId = _ref2$id === void 0 ? null : _ref2$id,
         _ref2$type = _ref2.type,
-        screenType = _ref2$type === undefined ? null : _ref2$type,
+        screenType = _ref2$type === void 0 ? null : _ref2$type,
         _ref2$metadata = _ref2.metadata,
-        metadata = _ref2$metadata === undefined ? null : _ref2$metadata,
+        metadata = _ref2$metadata === void 0 ? null : _ref2$metadata,
         _ref2$parameters = _ref2.parameters,
-        _ref2$parameters2 = _ref2$parameters === undefined ? {} : _ref2$parameters,
+        _ref2$parameters2 = _ref2$parameters === void 0 ? {} : _ref2$parameters,
         parametersMetadata = _ref2$parameters2.metadata;
       var _ref3 = metadata || parametersMetadata || {},
         screenTitle = _ref3.title,
@@ -2268,7 +2329,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 === undefined ? null : _ref4$value,
+        value = _ref4$value === void 0 ? null : _ref4$value,
         opts = _objectWithoutProperties(_ref4, _excluded);
       var data = _objectSpread(_objectSpread({}, opts), {}, {
         event: 'eventInteraction',
@@ -2284,26 +2345,26 @@ 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 === undefined ? null : _ref5$value,
+        value = _ref5$value === void 0 ? null : _ref5$value,
         _ref5$currentTime = _ref5.currentTime,
-        optsCurrentTime = _ref5$currentTime === undefined ? null : _ref5$currentTime,
+        optsCurrentTime = _ref5$currentTime === void 0 ? null : _ref5$currentTime,
         opts = _objectWithoutProperties(_ref5, _excluded2);
       var _ref6 = media || {},
         _ref6$id = _ref6.id,
-        mediaId = _ref6$id === undefined ? null : _ref6$id,
+        mediaId = _ref6$id === void 0 ? null : _ref6$id,
         _ref6$url = _ref6.url,
-        mediaUrl = _ref6$url === undefined ? null : _ref6$url,
+        mediaUrl = _ref6$url === void 0 ? null : _ref6$url,
         _ref6$name = _ref6.name,
-        mediaName = _ref6$name === undefined ? null : _ref6$name,
+        mediaName = _ref6$name === void 0 ? null : _ref6$name,
         _ref6$duration = _ref6.duration,
-        rootDuration = _ref6$duration === undefined ? null : _ref6$duration,
+        rootDuration = _ref6$duration === void 0 ? null : _ref6$duration,
         _ref6$currentTime = _ref6.currentTime,
-        currentTime = _ref6$currentTime === undefined ? optsCurrentTime : _ref6$currentTime,
+        currentTime = _ref6$currentTime === void 0 ? optsCurrentTime : _ref6$currentTime,
         _ref6$metadata = _ref6.metadata,
-        metadata = _ref6$metadata === undefined ? {} : _ref6$metadata;
+        metadata = _ref6$metadata === void 0 ? {} : _ref6$metadata;
       var _ref7 = metadata || {},
         _ref7$duration = _ref7.duration,
-        duration = _ref7$duration === undefined ? rootDuration : _ref7$duration;
+        duration = _ref7$duration === void 0 ? rootDuration : _ref7$duration;
       var data = _objectSpread(_objectSpread({}, opts), {}, {
         event: 'eventInteraction',
         eventCategory: type,