@panneau/core 3.0.300 → 4.0.0

package/es/hooks.js

@@ -16,7 +16,7 @@ import dayjs from 'dayjs';
 import { useIntl } from 'react-intl';
 import { match } from 'css-mediaquery';
 
-var useActionProps = function useActionProps(action, value) {
+function useActionProps(action, value) {
   var labelPath = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   var values = useMemo(function () {
     if (value === null) {
@@ -63,11 +63,11 @@ var useActionProps = function useActionProps(action, value) {
     idLabels: idLabels,
     modalKey: modalKey
   };
-};
+}
 
 // For backwards compatibility with the old actions element
 
-var useActions = function useActions() {
+function useActions() {
   var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var actions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var urlGenerator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
@@ -181,9 +181,9 @@ var useActions = function useActions() {
   }).filter(function (action) {
     return action !== null;
   });
-};
+}
 
-var useAnimationFrame = function useAnimationFrame(onFrame) {
+function useAnimationFrame(onFrame) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled;
@@ -207,7 +207,7 @@ var useAnimationFrame = function useAnimationFrame(onFrame) {
       }
     };
   }, [disabled]);
-};
+}
 
 var useFormattedDate = function useFormattedDate() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -267,9 +267,8 @@ var eventsManager$1 = typeof document !== 'undefined' ? new EventsManager(docume
 var useDocumentEvent = createUseEvent(eventsManager$1);
 
 var _excluded$1 = ["value", "errors", "onChange"];
-
 // prettier-ignore
-var getFieldsPropsFromFields = function getFieldsPropsFromFields(fields, _ref) {
+var _getFieldsPropsFromFields = function getFieldsPropsFromFields(fields, _ref) {
   var value = _ref.value,
     errors = _ref.errors,
     _onChange = _ref.onChange,
@@ -279,23 +278,43 @@ var getFieldsPropsFromFields = function getFieldsPropsFromFields(fields, _ref) {
     var _ref2 = isObject(field) ? field : {},
       _ref2$name = _ref2.name,
       name = _ref2$name === void 0 ? isString(field) ? field : null : _ref2$name,
+      _ref2$fields = _ref2.fields,
+      fieldFields = _ref2$fields === void 0 ? null : _ref2$fields,
       _ref2$component = _ref2.component,
       component = _ref2$component === void 0 ? null : _ref2$component;
     var fieldErrors = errors !== null ? errors[name] || [] : [];
-    var localizedErrors = component === 'localized' ? (locales || []).reduce(function (previousErrors, locale) {
+    var finalErrors = component === 'localized' ? (locales || []).reduce(function (previousErrors, locale) {
       var items = errors !== null ? get(errors, "".concat(name, ".").concat(locale), []) || [] : [];
       var finalItems = isArray(items) ? items : [items];
       var finalPrevious = isArray(previousErrors) ? previousErrors : [];
       return [].concat(_toConsumableArray(finalPrevious), _toConsumableArray(finalItems));
     }, fieldErrors) : fieldErrors;
+    var subfieldErrors = errors;
+    if (errors !== null && name !== null) {
+      subfieldErrors = Object.keys(errors).reduce(function (acc, key) {
+        if (key === name) {
+          acc[key] = errors[key];
+        }
+        if (key.startsWith("".concat(name, ".")) || key.startsWith("".concat(name, "["))) {
+          var finalKey = key.substring(name.length + 1);
+          acc[finalKey] = errors[key];
+        }
+        return acc;
+      }, {});
+    }
     return [].concat(_toConsumableArray(allFields), [_objectSpread(_objectSpread({}, isObject(field) ? field : null), {}, {
       name: name,
       component: component,
-      value: value !== null ? value[name] || null : null,
-      errors: localizedErrors.length > 0 ? localizedErrors : null,
+      value: value !== null && name !== null ? value[name] || null : null,
+      errors: finalErrors.length > 0 ? finalErrors : null,
       onChange: function onChange(fieldValue) {
         return _onChange(name, fieldValue);
-      }
+      },
+      fields: fieldFields !== null ? _getFieldsPropsFromFields(fieldFields, {
+        value: value !== null && name !== null && isObject(value[name]) ? value[name] : null,
+        errors: subfieldErrors,
+        onChange: _onChange
+      }, locales) : null
     }, props)]);
   }, []);
 };
@@ -356,9 +375,9 @@ var useForm = function useForm() {
     requestState = _useState8[0],
     setRequestState = _useState8[1];
   var _useState9 = useState(null),
-    _useState10 = _slicedToArray(_useState9, 2),
-    response = _useState10[0],
-    setResponse = _useState10[1];
+    _useState0 = _slicedToArray(_useState9, 2),
+    response = _useState0[0],
+    setResponse = _useState0[1];
   var hasProvidedValue = setProvidedValue !== null;
   var value = hasProvidedValue ? providedValue : stateValue;
   var setValue = hasProvidedValue ? setProvidedValue : setStateValue;
@@ -368,7 +387,6 @@ var useForm = function useForm() {
   var hasProvidedGeneralError = setProvidedGeneralError !== null;
   var generalError = hasProvidedGeneralError ? providedGeneralError : stateGeneralError;
   var setGeneralError = hasProvidedGeneralError ? setProvidedGeneralError : setStateGeneralError;
-  var fieldsKey = [value, errors, requestState, locales].concat(fields);
   var onFieldChange = useCallback(function (fieldName, fieldValue) {
     var _ref3 = requestState || {},
       _ref3$loading = _ref3.loading,
@@ -376,27 +394,27 @@ var useForm = function useForm() {
       _ref3$success = _ref3.success,
       success = _ref3$success === void 0 ? false : _ref3$success,
       _ref3$error = _ref3.error,
-      error = _ref3$error === void 0 ? false : _ref3$error;
+      requestError = _ref3$error === void 0 ? false : _ref3$error;
     var fieldErrors = errors !== null ? errors[fieldName] || null : null;
     if (fieldErrors !== null) {
       setErrors(_objectSpread(_objectSpread({}, errors), {}, _defineProperty({}, fieldName, null)));
     }
-    if (!loading && (success !== false || error !== false)) {
+    if (!loading && (success !== false || requestError !== false)) {
       setRequestState({
         success: false,
         loading: false,
         error: false
       });
     }
-    setValue(_objectSpread(_objectSpread({}, value), {}, _defineProperty({}, fieldName, fieldValue)));
-  }, fieldsKey);
+    setValue(_objectSpread(_objectSpread({}, value || {}), {}, _defineProperty({}, fieldName, fieldValue)));
+  }, [value, errors, requestState, setErrors, setValue].concat(_toConsumableArray(fields)));
   var fieldsProps = useMemo(function () {
-    return getFieldsPropsFromFields(fields, {
+    return _getFieldsPropsFromFields(fields, {
       value: value,
       errors: errors,
       onChange: onFieldChange
     }, locales);
-  }, fieldsKey);
+  }, [value, errors, locales, fields, onFieldChange].concat(_toConsumableArray(fields)));
   var csrfToken = useMemo(function () {
     return getCsrfToken();
   }, []);
@@ -407,10 +425,10 @@ var useForm = function useForm() {
       error: true
     });
     if (error.name === 'ValidationError') {
-      var _error$getResponseDat = error.getResponseData(),
-        _error$getResponseDat2 = _error$getResponseDat.errors,
-        validationErrors = _error$getResponseDat2 === void 0 ? null : _error$getResponseDat2;
-      setErrors(validationErrors);
+      var _getResponseData = error.getResponseData(),
+        _getResponseData$erro = _getResponseData.errors,
+        validationErrors = _getResponseData$erro === void 0 ? null : _getResponseData$erro;
+      setErrors(validationErrors || null);
     } else {
       setGeneralError(error.message);
     }
@@ -434,7 +452,7 @@ var useForm = function useForm() {
       credentials: 'include',
       headers: getCSRFHeaders()
     });
-  }, [postForm, postJSON, getCSRFHeaders]);
+  }, [postForm]);
   var submit = useCallback(function () {
     var submitValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : value;
     setRequestState({
@@ -444,12 +462,11 @@ var useForm = function useForm() {
     });
     setGeneralError(null);
     setErrors(null);
-    finalPostForm(action, _objectSpread(_objectSpread({}, submitValue), {}, {
+    finalPostForm(action, _objectSpread(_objectSpread({}, submitValue || {}), {}, {
       _token: csrfToken
     })).then(onSubmitSuccess)["catch"](onSubmitError);
-  }, [finalPostForm, action, value]);
+  }, [value, setGeneralError, setErrors, finalPostForm, action, csrfToken, onSubmitSuccess, onSubmitError]);
   var onSubmit = useCallback(function (e) {
-    // console.log('form submit', e); //
     if (withoutDefault) {
       e.preventDefault();
     }
@@ -459,7 +476,7 @@ var useForm = function useForm() {
     // This one is very important with multiple forms
     // Nested forms (even in portals) will bubble the onSubmit event to the parent
     submit();
-  }, [submit, action, withoutDefault, withoutPropagation]);
+  }, [submit, withoutDefault, withoutPropagation]);
   var status = null;
   if (requestState.loading) {
     status = 'loading';
@@ -575,6 +592,9 @@ var createObserver = function createObserver(Observer) {
 };
 var getObserver = function getObserver(Observer) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  if (Observer === null) {
+    throw new Error('Observer constructor is null');
+  }
   var observerKey = getOptionsKey(options);
   if (!observersCache.has(Observer)) {
     observersCache.set(Observer, {});
@@ -610,7 +630,7 @@ var useObserver = function useObserver(Observer) {
       return setEntry(newEntry);
     };
     var unsubscribe = null;
-    if (nodeElement !== null) {
+    if (nodeElement !== null && Observer !== null) {
       var newOpts = {};
       if (root !== null) {
         newOpts.root = root;
@@ -629,7 +649,7 @@ var useObserver = function useObserver(Observer) {
     }
     currentElement.current = nodeElement;
     return function () {
-      if (unsubscribe !== null) {
+      if (unsubscribe !== null && nodeElement !== null) {
         unsubscribe(nodeElement, callback);
       }
     };
@@ -675,6 +695,7 @@ var useIntersectionObserver = function useIntersectionObserver() {
 /**
  * Resize Observer
  */
+
 var resizeObserverInitialEntry = {
   target: null,
   contentRect: null,
@@ -690,7 +711,7 @@ var useResizeObserver = function useResizeObserver() {
   }, resizeObserverInitialEntry);
 };
 
-var useIsVisible = function useIsVisible() {
+function useIsVisible() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     rootMargin = _ref.rootMargin,
     _ref$threshold = _ref.threshold,
@@ -712,7 +733,7 @@ var useIsVisible = function useIsVisible() {
     ref: ref,
     visible: isVisible
   };
-};
+}
 
 var KEYCODES = {
   ARROW_LEFT: 37,
@@ -722,7 +743,7 @@ var KEYCODES = {
   ESCAPE: 27,
   SPACE: 32
 };
-var useKeyboardKeys = function useKeyboardKeys() {
+function useKeyboardKeys() {
   var keys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     _ref$eventName = _ref.eventName,
@@ -743,7 +764,7 @@ var useKeyboardKeys = function useKeyboardKeys() {
       document.removeEventListener(eventName, onKeyDown);
     };
   }, [].concat(keysNames, _toConsumableArray(keysListeners), [eventName]));
-};
+}
 
 var fontsMap = {
   loading: [],
@@ -868,13 +889,13 @@ var useMediaApi = function useMediaApi() {
     playing = _useState8[0],
     setPlaying = _useState8[1];
   var _useState9 = useState(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    ready = _useState10[0],
-    setReady = _useState10[1];
-  var _useState11 = useState(true),
-    _useState12 = _slicedToArray(_useState11, 2),
-    initialPlay = _useState12[0],
-    setInitialPlay = _useState12[1];
+    _useState0 = _slicedToArray(_useState9, 2),
+    ready = _useState0[0],
+    setReady = _useState0[1];
+  var _useState1 = useState(true),
+    _useState10 = _slicedToArray(_useState1, 2),
+    initialPlay = _useState10[0],
+    setInitialPlay = _useState10[1];
   var progressStepsReached = useRef({});
   var paused = !playing;
 
@@ -1130,11 +1151,9 @@ var useResourceUrlGenerator = function useResourceUrlGenerator() {
     var _ref = finalResource || {},
       _ref$id = _ref.id,
       id = _ref$id === void 0 ? null : _ref$id;
-    // console.log('route name', finalRouteName, id, finalParams);
     var finalRoute = id !== null ? route("resources.".concat(finalRouteName), _objectSpread(_objectSpread({}, finalParams), {}, {
       resource: id
     })) : null;
-    // console.log('route', finalRoute);
     return finalRoute;
   };
 };
@@ -1146,7 +1165,7 @@ var useQuery = function useQuery() {
     return paginated ? _objectSpread({
       page: 1,
       count: 10
-    }, initialBaseQuery) : initialBaseQuery || null;
+    }, initialBaseQuery || {}) : initialBaseQuery || null;
   }, [paginated, initialBaseQuery]);
   var _useState = useState(initialQuery),
     _useState2 = _slicedToArray(_useState, 2),
@@ -1156,16 +1175,16 @@ var useQuery = function useQuery() {
     setQuery(initialQuery);
   }, [initialQuery, setQuery]);
   var onPageChange = useCallback(function (newPage) {
-    setQuery(_objectSpread(_objectSpread({}, query), {}, {
+    setQuery(_objectSpread(_objectSpread({}, query || {}), {}, {
       page: newPage || 1
     }));
   }, [query, setQuery]);
   var onQueryChange = useCallback(function (newQuery) {
     var finalQuery = newQuery !== null ? Object.keys(newQuery).reduce(function (currentQuery, key) {
       var val = newQuery[key];
-      return val !== null ? _objectSpread(_objectSpread({}, currentQuery), {}, _defineProperty({}, key, val)) : currentQuery;
+      return val !== null ? _objectSpread(_objectSpread({}, currentQuery || {}), {}, _defineProperty({}, key, val)) : currentQuery;
     }, null) : null;
-    setQuery(_objectSpread(_objectSpread({}, initialQuery || null), finalQuery || null));
+    setQuery(_objectSpread(_objectSpread({}, initialQuery || {}), finalQuery || {}));
   }, [query, setQuery, initialQuery]);
   var onQueryReset = useCallback(function () {
     setQuery(initialQuery);
@@ -1178,7 +1197,8 @@ var useQuery = function useQuery() {
   };
 };
 
-var _excluded = ["width", "height"];
+var _excluded = ["width", "height"],
+  _excluded2 = ["withoutMaxSize"];
 var useScreenSize = function useScreenSize(_ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? null : _ref$width,
@@ -1239,7 +1259,8 @@ var useScreenSizeFromElement = function useScreenSizeFromElement() {
   var semiFinalHeight = height !== null ? height : calculatedHeight;
   var landscape = semiFinalHeight > 0 && semiFinalWidth > semiFinalHeight;
   var _opts$withoutMaxSize = opts.withoutMaxSize,
-    withoutMaxSize = _opts$withoutMaxSize === void 0 ? false : _opts$withoutMaxSize;
+    withoutMaxSize = _opts$withoutMaxSize === void 0 ? false : _opts$withoutMaxSize,
+    restOpts = _objectWithoutProperties(opts, _excluded2);
   var finalWidth = landscape && !withoutMaxSize ? Math.round(Math.max(320, 0.45 * semiFinalHeight)) : semiFinalWidth;
   var finalHeight = landscape && !withoutMaxSize ? Math.round(Math.max(533, 0.75 * semiFinalHeight)) : semiFinalHeight;
   if (finalWidth % 2 === 1) {
@@ -1252,7 +1273,7 @@ var useScreenSizeFromElement = function useScreenSizeFromElement() {
     width: finalWidth,
     height: finalHeight,
     landscape: landscape
-  }, opts));
+  }, restOpts));
   return {
     ref: ref,
     screenSize: screenSize
@@ -1261,10 +1282,11 @@ var useScreenSizeFromElement = function useScreenSizeFromElement() {
 var getWindowSize = function getWindowSize() {
   return {
     width: typeof window !== 'undefined' ? window.innerWidth : null,
-    height: typeof window !== 'undefined' ? window.innerHæeight : null
+    height: typeof window !== 'undefined' ? window.innerHeight : null
   };
 };
-var useScreenSizeFromWindow = function useScreenSizeFromWindow(opts) {
+var useScreenSizeFromWindow = function useScreenSizeFromWindow() {
+  var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var _useState = useState(getWindowSize()),
     _useState2 = _slicedToArray(_useState, 2),
     windowSize = _useState2[0],

package/es/index.js

@@ -1,7 +1,7 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { pascalCase } from 'change-case';
 import ReactIs from 'react-is';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
@@ -258,7 +258,6 @@ var getComponentFromName = function getComponentFromName() {
     return defaultComponent;
   }
   var pascalName = pascalCase(name);
-  // console.log(name, pascalName, components);
   var component = components[pascalName] || components[name] || defaultComponent;
   if (!component) {
     console.warn('Could not find component from name', name, pascalName, components);
@@ -270,6 +269,7 @@ var ComponentsManager = /*#__PURE__*/function () {
   function ComponentsManager() {
     var components = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     _classCallCheck(this, ComponentsManager);
+    _defineProperty(this, "components", void 0);
     this.components = _flattenComponents(components);
   }
   return _createClass(ComponentsManager, [{
@@ -337,6 +337,7 @@ var DefinitionsManager = /*#__PURE__*/function () {
   function DefinitionsManager() {
     var definitions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     _classCallCheck(this, DefinitionsManager);
+    _defineProperty(this, "definitions", void 0);
     this.definitions = definitions || [];
   }
   return _createClass(DefinitionsManager, [{
@@ -404,6 +405,9 @@ var EventsManager = /*#__PURE__*/function (_EventEmitter) {
     var _this;
     _classCallCheck(this, EventsManager);
     _this = _callSuper(this, EventsManager);
+    _defineProperty(_this, "element", void 0);
+    _defineProperty(_this, "events", void 0);
+    _defineProperty(_this, "listeners", void 0);
     _this.element = element;
     _this.events = {};
     _this.listeners = {};
@@ -459,7 +463,7 @@ var EventsManager = /*#__PURE__*/function (_EventEmitter) {
   }]);
 }(EventEmitter);
 
-var FieldsManager$1 = /*#__PURE__*/function (_DefinitionsManager) {
+var FieldsManager = /*#__PURE__*/function (_DefinitionsManager) {
   function FieldsManager() {
     _classCallCheck(this, FieldsManager);
     return _callSuper(this, FieldsManager, arguments);
@@ -474,6 +478,8 @@ var FontsParser = /*#__PURE__*/function () {
     var fieldsManager = _ref.fieldsManager,
       screensManager = _ref.screensManager;
     _classCallCheck(this, FontsParser);
+    _defineProperty(this, "fieldsManager", void 0);
+    _defineProperty(this, "screensManager", void 0);
     this.fieldsManager = fieldsManager;
     this.screensManager = screensManager;
   }
@@ -505,10 +511,10 @@ var FontsParser = /*#__PURE__*/function () {
 
       // 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$2);
+        var _ref4 = this.parse(theme),
+          _ref4$fonts = _ref4.fonts,
+          themeFonts = _ref4$fonts === void 0 ? [] : _ref4$fonts,
+          newTheme = _objectWithoutProperties(_ref4, _excluded$2);
         return fonts.length > 0 || themeFonts.length > 0 ? _objectSpread(_objectSpread({}, story), {}, {
           theme: newTheme,
           fonts: uniq([].concat(_toConsumableArray(themeFonts), _toConsumableArray(fonts)), 'name')
@@ -545,16 +551,16 @@ var FontsParser = /*#__PURE__*/function () {
     }
   }], [{
     key: "fieldIsFontFamily",
-    value: function fieldIsFontFamily(_ref4) {
-      var _ref4$id = _ref4.id,
-        id = _ref4$id === void 0 ? null : _ref4$id;
+    value: function fieldIsFontFamily(_ref5) {
+      var _ref5$id = _ref5.id,
+        id = _ref5$id === void 0 ? null : _ref5$id;
       return id === 'font-family';
     }
   }, {
     key: "valueIsFont",
-    value: function valueIsFont(_ref5) {
-      var _ref5$type = _ref5.type,
-        type = _ref5$type === void 0 ? null : _ref5$type;
+    value: function valueIsFont(_ref6) {
+      var _ref6$type = _ref6.type,
+        type = _ref6$type === void 0 ? null : _ref6$type;
       return type === 'custom' || type === 'google';
     }
   }, {
@@ -584,13 +590,13 @@ var FontsParser = /*#__PURE__*/function () {
   }]);
 }();
 
-var FieldsManager = /*#__PURE__*/function (_ComponentsManager) {
-  function FieldsManager() {
-    _classCallCheck(this, FieldsManager);
-    return _callSuper(this, FieldsManager, arguments);
+var FormsManager = /*#__PURE__*/function (_ComponentsManager) {
+  function FormsManager() {
+    _classCallCheck(this, FormsManager);
+    return _callSuper(this, FormsManager, arguments);
   }
-  _inherits(FieldsManager, _ComponentsManager);
-  return _createClass(FieldsManager);
+  _inherits(FormsManager, _ComponentsManager);
+  return _createClass(FormsManager);
 }(ComponentsManager);
 
 var _excluded$1 = ["medias"];
@@ -599,6 +605,8 @@ var MediasParser = /*#__PURE__*/function () {
     var fieldsManager = _ref.fieldsManager,
       screensManager = _ref.screensManager;
     _classCallCheck(this, MediasParser);
+    _defineProperty(this, "fieldsManager", void 0);
+    _defineProperty(this, "screensManager", void 0);
     this.fieldsManager = fieldsManager;
     this.screensManager = screensManager;
   }
@@ -638,9 +646,9 @@ var MediasParser = /*#__PURE__*/function () {
         newComponents = _components$reduce.components,
         medias = _components$reduce.medias;
       if (theme !== null) {
-        var _this$toPath = this.toPath(theme),
-          themeMedias = _this$toPath.medias,
-          newTheme = _objectWithoutProperties(_this$toPath, _excluded$1);
+        var _ref5 = this.toPath(theme),
+          themeMedias = _ref5.medias,
+          newTheme = _objectWithoutProperties(_ref5, _excluded$1);
         return medias !== null || themeMedias !== null ? _objectSpread(_objectSpread({}, story), {}, {
           theme: newTheme,
           components: newComponents,
@@ -662,13 +670,13 @@ var MediasParser = /*#__PURE__*/function () {
       if (story === null) {
         return story;
       }
-      var _ref5 = story || {},
-        _ref5$theme = _ref5.theme,
-        theme = _ref5$theme === void 0 ? null : _ref5$theme,
-        _ref5$components = _ref5.components,
-        components = _ref5$components === void 0 ? [] : _ref5$components,
-        _ref5$medias = _ref5.medias,
-        medias = _ref5$medias === void 0 ? defaultMedias : _ref5$medias;
+      var _ref6 = story || {},
+        _ref6$theme = _ref6.theme,
+        theme = _ref6$theme === void 0 ? null : _ref6$theme,
+        _ref6$components = _ref6.components,
+        components = _ref6$components === void 0 ? [] : _ref6$components,
+        _ref6$medias = _ref6.medias,
+        medias = _ref6$medias === void 0 ? defaultMedias : _ref6$medias;
       if (medias === null && theme === null) {
         return story;
       }
@@ -676,9 +684,9 @@ var MediasParser = /*#__PURE__*/function () {
       // Replace path with medias objects
       var newComponents = medias !== null ? components.map(function (screen) {
         var type = screen.type;
-        var _ref6 = _this2.screensManager.getDefinition(type) || {},
-          _ref6$fields = _ref6.fields,
-          fields = _ref6$fields === void 0 ? [] : _ref6$fields;
+        var _ref7 = _this2.screensManager.getDefinition(type) || {},
+          _ref7$fields = _ref7.fields,
+          fields = _ref7$fields === void 0 ? [] : _ref7$fields;
         var fieldsPattern = _this2.getMediaFieldsPattern(fields);
         return MediasParser.replacePathsWithMedias(screen, medias, fieldsPattern);
       }) : components;
@@ -722,16 +730,16 @@ var MediasParser = /*#__PURE__*/function () {
     }
   }], [{
     key: "fieldIsMedia",
-    value: function fieldIsMedia(_ref7) {
-      var _ref7$media = _ref7.media,
-        media = _ref7$media === void 0 ? false : _ref7$media;
+    value: function fieldIsMedia(_ref8) {
+      var _ref8$media = _ref8.media,
+        media = _ref8$media === void 0 ? false : _ref8$media;
       return media;
     }
   }, {
     key: "fieldIsFontFamily",
-    value: function fieldIsFontFamily(_ref8) {
-      var _ref8$id = _ref8.id,
-        id = _ref8$id === void 0 ? null : _ref8$id;
+    value: function fieldIsFontFamily(_ref9) {
+      var _ref9$id = _ref9.id,
+        id = _ref9$id === void 0 ? null : _ref9$id;
       return id === 'font-family';
     }
   }, {
@@ -759,9 +767,9 @@ var MediasParser = /*#__PURE__*/function () {
     }
   }, {
     key: "getMediaPath",
-    value: function getMediaPath(_ref9) {
-      var _ref9$id = _ref9.id,
-        id = _ref9$id === void 0 ? null : _ref9$id;
+    value: function getMediaPath(_ref0) {
+      var _ref0$id = _ref0.id,
+        id = _ref0$id === void 0 ? null : _ref0$id;
       return id !== null ? "media://".concat(id) : null;
     }
   }, {
@@ -771,9 +779,9 @@ var MediasParser = /*#__PURE__*/function () {
       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 (_ref10, key) {
-        var currentData = _ref10.data,
-          currentMedias = _ref10.medias;
+      return keys.reduce(function (_ref1, key) {
+        var currentData = _ref1.data,
+          currentMedias = _ref1.medias;
         var path = [keyPrefix, key].filter(function (it) {
           return it !== null;
         }).join('.');
@@ -815,6 +823,7 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
     var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     _classCallCheck(this, Tracking);
     _this = _callSuper(this, Tracking, [opts]);
+    _defineProperty(_this, "variables", void 0);
     var _this$options$variabl = _this.options.variables,
       variables = _this$options$variabl === void 0 ? null : _this$options$variabl;
     _this.variables = null;
@@ -901,4 +910,4 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
   }]);
 }(Tracking$1);
 
-export { ComponentsManager, DefinitionsManager, EventsManager, FieldsManager$1 as FieldsManager, FontsParser, FieldsManager as FormsManager, MediasParser, PropTypes, Tracking };
+export { ComponentsManager, DefinitionsManager, EventsManager, FieldsManager, FontsParser, FormsManager, MediasParser, PropTypes, Tracking };