@panneau/core 1.0.1-alpha.0 → 1.0.3-alpha.0

package/lib/index.js

@@ -1,62 +1,1021 @@
-"use strict";
+'use strict';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var PropTypes$1 = require('prop-types');
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
+var _createClass = require('@babel/runtime/helpers/createClass');
+var _inherits = require('@babel/runtime/helpers/inherits');
+var _createSuper = require('@babel/runtime/helpers/createSuper');
+var EventEmitter = require('wolfy87-eventemitter');
+require('lodash/isNumber');
+require('snake-case');
+var isObject = require('lodash/isObject');
+require('react');
+var changeCase = require('change-case');
+var ReactIs = require('react-is');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('lodash/isString');
+var isArray = require('lodash/isArray');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+require('lodash/get');
+require('lodash/capitalize');
+require('slugify');
+var uniqBy = require('lodash/uniqBy');
+var uniq = require('lodash/uniq');
+var tracking = require('@folklore/tracking');
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes$1);
+var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
+var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
+var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
+var _createSuper__default = /*#__PURE__*/_interopDefaultLegacy(_createSuper);
+var EventEmitter__default = /*#__PURE__*/_interopDefaultLegacy(EventEmitter);
+var isObject__default = /*#__PURE__*/_interopDefaultLegacy(isObject);
+var ReactIs__default = /*#__PURE__*/_interopDefaultLegacy(ReactIs);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var isArray__default = /*#__PURE__*/_interopDefaultLegacy(isArray);
+var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
+var uniqBy__default = /*#__PURE__*/_interopDefaultLegacy(uniqBy);
+var uniq__default = /*#__PURE__*/_interopDefaultLegacy(uniq);
+
+var message = PropTypes__default["default"].shape({
+  id: PropTypes__default["default"].string.isRequired,
+  defaultMessage: PropTypes__default["default"].string
 });
-Object.defineProperty(exports, "ComponentsCollection", {
-  enumerable: true,
-  get: function get() {
-    return _ComponentsCollection["default"];
-  }
+var label = PropTypes__default["default"].oneOfType([message, PropTypes__default["default"].node]);
+var statusCode = PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]);
+/**
+ * Core
+ */
+
+var menuItem = PropTypes__default["default"].shape({
+  id: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
+  label: label,
+  url: PropTypes__default["default"].string,
+  external: PropTypes__default["default"].bool,
+  active: PropTypes__default["default"].bool
 });
-Object.defineProperty(exports, "UrlGenerator", {
-  enumerable: true,
-  get: function get() {
-    return _UrlGenerator["default"];
-  }
+var menuItems = PropTypes__default["default"].arrayOf(menuItem);
+var button = PropTypes__default["default"].shape({
+  id: PropTypes__default["default"].string,
+  label: label,
+  onClick: PropTypes__default["default"].func
 });
-Object.defineProperty(exports, "Definition", {
-  enumerable: true,
-  get: function get() {
-    return _Definition["default"];
-  }
+var buttons = PropTypes__default["default"].arrayOf(button);
+var buttonTheme = PropTypes__default["default"].oneOf(['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark', null]);
+var buttonSize = PropTypes__default["default"].oneOf(['lg', 'sm', null]);
+var buttonType = PropTypes__default["default"].oneOf(['button', 'submit']);
+var dropdownAlign = PropTypes__default["default"].oneOf(['start', 'end']);
+var controlSize = PropTypes__default["default"].oneOf(['lg', 'sm', null]);
+var formStatus = PropTypes__default["default"].oneOf(['loading', 'success', 'error', null]);
+var fieldOption = PropTypes__default["default"].shape({
+  value: PropTypes__default["default"].string,
+  label: PropTypes__default["default"].string
 });
-Object.defineProperty(exports, "Resource", {
-  enumerable: true,
-  get: function get() {
-    return _Resource["default"];
-  }
+var fieldOptions = PropTypes__default["default"].arrayOf(fieldOption);
+var toggle = PropTypes__default["default"].shape({
+  key: PropTypes__default["default"].string,
+  label: PropTypes__default["default"].string
 });
-Object.defineProperty(exports, "ResourceApi", {
-  enumerable: true,
-  get: function get() {
-    return _ResourceApi["default"];
-  }
+var toggles = PropTypes__default["default"].arrayOf(toggle);
+var tableColumn = PropTypes__default["default"].shape({
+  id: PropTypes__default["default"].string,
+  component: PropTypes__default["default"].string,
+  path: PropTypes__default["default"].string,
+  field: PropTypes__default["default"].string,
+  columnClassName: PropTypes__default["default"].string
 });
-Object.defineProperty(exports, "useResourceApi", {
-  enumerable: true,
-  get: function get() {
-    return _useResourceApi["default"];
-  }
+var tableColumns = PropTypes__default["default"].arrayOf(tableColumn);
+/**
+ * Panneau Definitions
+ */
+
+var routes = PropTypes__default["default"].shape({
+  'resources.index': PropTypes__default["default"].string.isRequired,
+  'resources.create': PropTypes__default["default"].string.isRequired,
+  'resources.store': PropTypes__default["default"].string.isRequired,
+  'resources.show': PropTypes__default["default"].string.isRequired,
+  'resources.edit': PropTypes__default["default"].string.isRequired,
+  'resources.update': PropTypes__default["default"].string.isRequired,
+  'resources.delete': PropTypes__default["default"].string.isRequired,
+  'resources.destroy': PropTypes__default["default"].string.isRequired
+});
+var intl = PropTypes__default["default"].shape({
+  locale: PropTypes__default["default"].string,
+  messages: PropTypes__default["default"].objectOf(PropTypes__default["default"].string),
+  values: PropTypes__default["default"].objectOf(PropTypes__default["default"].string)
+});
+var page = PropTypes__default["default"].shape({
+  component: PropTypes__default["default"].string.isRequired
+});
+var pages = PropTypes__default["default"].objectOf(page);
+var field = PropTypes__default["default"].shape({
+  name: PropTypes__default["default"].string.isRequired,
+  type: PropTypes__default["default"].string,
+  component: PropTypes__default["default"].string,
+  label: PropTypes__default["default"].node
+});
+var fields = PropTypes__default["default"].arrayOf(field);
+var form = PropTypes__default["default"].shape({
+  // type: PropTypes.string.isRequired,
+  title: PropTypes__default["default"].isRequired,
+  fields: fields
+});
+var forms = PropTypes__default["default"].arrayOf(form);
+var resource = PropTypes__default["default"].shape({
+  id: PropTypes__default["default"].string.isRequired,
+  name: PropTypes__default["default"].string.isRequired,
+  intl: intl,
+  fields: fields,
+  forms: PropTypes__default["default"].shape({}),
+  shows_in_navbar: PropTypes__default["default"].bool
+});
+var resources = PropTypes__default["default"].arrayOf(resource);
+var panneauDefinition = PropTypes__default["default"].shape({
+  name: PropTypes__default["default"].string,
+  resources: resources,
+  routes: routes,
+  pages: pages,
+  intl: intl // intl,
+
+});
+var definition = PropTypes__default["default"].shape({
+  name: PropTypes__default["default"].string // resources,
+  // routes,
+  // intl,
+
+});
+var item = PropTypes__default["default"].shape({
+  id: PropTypes__default["default"].string.isRequired
 });
-exports.PropTypes = void 0;
+var items = PropTypes__default["default"].arrayOf(item);
+var user = PropTypes__default["default"].shape({
+  id: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string])
+});
+var users = PropTypes__default["default"].arrayOf(user);
+var selectOption = PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].shape({
+  value: PropTypes__default["default"].any,
+  // eslint-disable-line
+  label: label
+})]);
+var selectOptions = PropTypes__default["default"].arrayOf(selectOption);
+var feedback = PropTypes__default["default"].oneOf(['valid', 'invalid', 'loading', null]);
+var formError = PropTypes__default["default"].shape({
+  message: PropTypes__default["default"].string
+});
+var formErrors = PropTypes__default["default"].arrayOf(formError);
+var uppy = PropTypes__default["default"].shape({
+  tus: PropTypes__default["default"].object
+}); // eslint-disable-line
+
+var triggerUpdate = PropTypes__default["default"].string;
+
+var PropTypes = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    message: message,
+    label: label,
+    statusCode: statusCode,
+    menuItem: menuItem,
+    menuItems: menuItems,
+    button: button,
+    buttons: buttons,
+    buttonTheme: buttonTheme,
+    buttonSize: buttonSize,
+    buttonType: buttonType,
+    dropdownAlign: dropdownAlign,
+    controlSize: controlSize,
+    formStatus: formStatus,
+    fieldOption: fieldOption,
+    fieldOptions: fieldOptions,
+    toggle: toggle,
+    toggles: toggles,
+    tableColumn: tableColumn,
+    tableColumns: tableColumns,
+    routes: routes,
+    intl: intl,
+    page: page,
+    pages: pages,
+    field: field,
+    fields: fields,
+    form: form,
+    forms: forms,
+    resource: resource,
+    resources: resources,
+    panneauDefinition: panneauDefinition,
+    definition: definition,
+    item: item,
+    items: items,
+    user: user,
+    users: users,
+    selectOption: selectOption,
+    selectOptions: selectOptions,
+    feedback: feedback,
+    formError: formError,
+    formErrors: formErrors,
+    uppy: uppy,
+    triggerUpdate: triggerUpdate
+});
+
+var flattenComponents = function flattenComponents(components) {
+  var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+
+  if (components === null) {
+    return null;
+  }
+
+  return Object.keys(components).reduce(function (newMap, key) {
+    return ReactIs__default["default"].isValidElementType(components[key]) ? _objectSpread__default["default"](_objectSpread__default["default"]({}, newMap), {}, _defineProperty__default["default"]({}, prefix !== null ? "".concat(prefix, ".").concat(key) : key, components[key])) : _objectSpread__default["default"](_objectSpread__default["default"]({}, newMap), flattenComponents(components[key], key));
+  }, {});
+};
+
+var getComponentFromName = function getComponentFromName() {
+  var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  var components = arguments.length > 1 ? arguments[1] : undefined;
+  var defaultComponent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+
+  if (components === null || name === null) {
+    return defaultComponent;
+  }
+
+  var pascalName = changeCase.pascalCase(name);
+  var component = components[pascalName] || components[name] || defaultComponent;
+
+  if (!component) {
+    console.warn('Could not find component from name', name, pascalName, components);
+  }
+
+  return component;
+};
+
+var ComponentsManager = /*#__PURE__*/function (_EventEmitter) {
+  _inherits__default["default"](ComponentsManager, _EventEmitter);
+
+  var _super = _createSuper__default["default"](ComponentsManager);
+
+  function ComponentsManager() {
+    var _this;
+
+    var components = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+    _classCallCheck__default["default"](this, ComponentsManager);
+
+    _this = _super.call(this);
+    _this.components = flattenComponents(components);
+    return _this;
+  }
+
+  _createClass__default["default"](ComponentsManager, [{
+    key: "addComponent",
+    value: function addComponent(name, component) {
+      var namespace = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+      return this.addComponents(_defineProperty__default["default"]({}, name, component), namespace);
+    }
+  }, {
+    key: "addComponents",
+    value: function addComponents(components) {
+      var namespace = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      var newComponents = namespace !== null ? Object.keys(components).reduce(function (componentsMaps, name) {
+        return _objectSpread__default["default"](_objectSpread__default["default"]({}, componentsMaps), {}, _defineProperty__default["default"]({}, "".concat(namespace, ".").concat(name), components[name]));
+      }, {}) : components;
+      this.components = _objectSpread__default["default"](_objectSpread__default["default"]({}, this.components), newComponents);
+      this.emit('change');
+      return this;
+    }
+  }, {
+    key: "merge",
+    value: function merge(manager) {
+      var namespace = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      return this.addComponents(manager.getComponents(), namespace);
+    }
+  }, {
+    key: "addNamespace",
+    value: function addNamespace(namespace) {
+      var _this2 = this;
+
+      if (namespace === null) {
+        return this;
+      }
+
+      this.components = Object.keys(this.components).reduce(function (componentsMap, name) {
+        return _objectSpread__default["default"](_objectSpread__default["default"]({}, componentsMap), {}, _defineProperty__default["default"]({}, "".concat(namespace, ".").concat(name), _this2.components[name]));
+      }, {});
+      return this;
+    }
+  }, {
+    key: "getComponent",
+    value: function getComponent(name) {
+      var namespace = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      var components = this.getComponents(namespace);
+      return getComponentFromName(name, components);
+    }
+  }, {
+    key: "getComponents",
+    value: function getComponents() {
+      var _this3 = this;
+
+      var namespace = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+      return namespace !== null ? Object.keys(this.components || {}).reduce(function (componentsMap, name) {
+        var pattern = new RegExp("^".concat(namespace, "\\.(.*)$"));
+        var matches = pattern.exec(name);
+        return matches !== null ? _objectSpread__default["default"](_objectSpread__default["default"]({}, componentsMap), {}, _defineProperty__default["default"]({}, matches[1], _this3.components[name])) : componentsMap;
+      }, null) : this.components;
+    }
+  }, {
+    key: "hasComponent",
+    value: function hasComponent(name) {
+      var namespace = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      return this.components !== null && typeof this.components[namespace !== null ? "".concat(namespace, ".").concat(name) : name] !== 'undefined';
+    }
+  }]);
+
+  return ComponentsManager;
+}(EventEmitter__default["default"]);
+
+var DefinitionsManager = /*#__PURE__*/function (_EventEmitter) {
+  _inherits__default["default"](DefinitionsManager, _EventEmitter);
+
+  var _super = _createSuper__default["default"](DefinitionsManager);
+
+  function DefinitionsManager() {
+    var _this;
+
+    var definitions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+
+    _classCallCheck__default["default"](this, DefinitionsManager);
+
+    _this = _super.call(this);
+    _this.definitions = definitions || [];
+    return _this;
+  }
+
+  _createClass__default["default"](DefinitionsManager, [{
+    key: "addDefinition",
+    value: function addDefinition(definition) {
+      this.addDefinitions(isArray__default["default"](definition) ? definition : [definition]);
+      return this;
+    }
+  }, {
+    key: "addDefinitions",
+    value: function addDefinitions(definitions) {
+      this.definitions = uniqBy__default["default"]([].concat(_toConsumableArray__default["default"](definitions), _toConsumableArray__default["default"](this.definitions)), function (it) {
+        return it.id;
+      });
+      this.emit('change');
+      return this;
+    }
+  }, {
+    key: "merge",
+    value: function merge(manager) {
+      return this.addDefinitions(manager.getDefinitions());
+    }
+  }, {
+    key: "getDefinition",
+    value: function getDefinition(id) {
+      if (id === null) {
+        return null;
+      }
+
+      return this.definitions.find(function (it) {
+        return it.id === id;
+      }) || null;
+    }
+  }, {
+    key: "getDefinitions",
+    value: function getDefinitions() {
+      return this.definitions;
+    }
+  }, {
+    key: "hasDefinition",
+    value: function hasDefinition(id) {
+      return this.getDefinition(id) !== null;
+    }
+  }, {
+    key: "getComponent",
+    value: function getComponent(id) {
+      var _ref = this.getDefinition(id) || {},
+          _ref$component = _ref.component,
+          component = _ref$component === void 0 ? null : _ref$component;
+
+      return component;
+    }
+  }, {
+    key: "getComponents",
+    value: function getComponents() {
+      return this.definitions.reduce(function (allComponents, _ref2) {
+        var id = _ref2.id,
+            _ref2$component = _ref2.component,
+            component = _ref2$component === void 0 ? null : _ref2$component;
+        return component !== null ? _objectSpread__default["default"](_objectSpread__default["default"]({}, allComponents), {}, _defineProperty__default["default"]({}, id, component)) : allComponents;
+      }, {});
+    }
+  }]);
+
+  return DefinitionsManager;
+}(EventEmitter__default["default"]);
+
+var EventsManager = /*#__PURE__*/function (_EventEmitter) {
+  _inherits__default["default"](EventsManager, _EventEmitter);
+
+  var _super = _createSuper__default["default"](EventsManager);
+
+  function EventsManager(element) {
+    var _this;
+
+    _classCallCheck__default["default"](this, EventsManager);
+
+    _this = _super.call(this);
+    _this.element = element;
+    _this.events = {};
+    _this.listeners = {};
+    return _this;
+  }
+
+  _createClass__default["default"](EventsManager, [{
+    key: "subscribe",
+    value: function subscribe(event, callback) {
+      this.on(event, callback);
+      this.events = _objectSpread__default["default"](_objectSpread__default["default"]({}, this.events), {}, _defineProperty__default["default"]({}, event, [].concat(_toConsumableArray__default["default"](this.events[event] || []), [callback])));
+
+      if (this.events[event].length === 1) {
+        this.addEventListener(event);
+      }
+    }
+  }, {
+    key: "unsubscribe",
+    value: function unsubscribe(event, callback) {
+      var _this2 = this;
+
+      this.off(event, callback);
+      this.events = Object.keys(this.events).reduce(function (newEvents, eventName) {
+        if (eventName !== event) {
+          return _objectSpread__default["default"](_objectSpread__default["default"]({}, newEvents), {}, _defineProperty__default["default"]({}, eventName, _this2.events[eventName]));
+        }
+
+        var newListeners = _this2.events[eventName].filter(function (listener) {
+          return listener !== callback;
+        });
+
+        return newListeners.length > 0 ? _objectSpread__default["default"](_objectSpread__default["default"]({}, newEvents), {}, _defineProperty__default["default"]({}, eventName, newListeners)) : newEvents;
+      }, {});
+
+      if (typeof this.events[event] === 'undefined') {
+        this.removeEventListener(event);
+      }
+    }
+  }, {
+    key: "addEventListener",
+    value: function addEventListener(event) {
+      var _this3 = this;
+
+      if (typeof this.listeners[event] === 'undefined') {
+        this.listeners[event] = function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+
+          return _this3.emit.apply(_this3, [event].concat(args));
+        };
+      }
+
+      this.element.addEventListener(event, this.listeners[event]);
+    }
+  }, {
+    key: "removeEventListener",
+    value: function removeEventListener(event) {
+      this.element.removeEventListener(event, this.listeners[event]);
+    }
+  }]);
+
+  return EventsManager;
+}(EventEmitter__default["default"]);
+
+var FieldsManager$1 = /*#__PURE__*/function (_DefinitionsManager) {
+  _inherits__default["default"](FieldsManager, _DefinitionsManager);
+
+  var _super = _createSuper__default["default"](FieldsManager);
+
+  function FieldsManager() {
+    _classCallCheck__default["default"](this, FieldsManager);
+
+    return _super.apply(this, arguments);
+  }
+
+  return _createClass__default["default"](FieldsManager);
+}(DefinitionsManager);
+
+var _excluded$2 = ["fonts"];
+
+var FontsParser = /*#__PURE__*/function () {
+  function FontsParser(_ref) {
+    var fieldsManager = _ref.fieldsManager,
+        screensManager = _ref.screensManager;
+
+    _classCallCheck__default["default"](this, FontsParser);
+
+    this.fieldsManager = fieldsManager;
+    this.screensManager = screensManager;
+  } // Extract fonts
+
+
+  _createClass__default["default"](FontsParser, [{
+    key: "parse",
+    value: function parse(story) {
+      var _this = this;
+
+      if (story === null) {
+        return story;
+      } // Extract fonts from screen
+
+
+      var _ref2 = story || {},
+          _ref2$theme = _ref2.theme,
+          theme = _ref2$theme === void 0 ? null : _ref2$theme,
+          _ref2$components = _ref2.components,
+          components = _ref2$components === void 0 ? [] : _ref2$components;
+
+      var fonts = uniq__default["default"](components.reduce(function (currentFonts, screen) {
+        var type = screen.type;
+
+        var _ref3 = _this.screensManager.getDefinition(type) || {},
+            _ref3$fields = _ref3.fields,
+            fields = _ref3$fields === void 0 ? [] : _ref3$fields;
+
+        var fieldsPattern = _this.getFieldsPattern(fields);
+
+        var newFonts = FontsParser.extractFontsWithPaths(screen, fieldsPattern);
+        return newFonts.length > 0 ? [].concat(_toConsumableArray__default["default"](currentFonts), _toConsumableArray__default["default"](newFonts)) : currentFonts;
+      }, []), 'name'); // Extract fonts from theme
+
+      if (theme !== null) {
+        var _this$parse = this.parse(theme),
+            _this$parse$fonts = _this$parse.fonts,
+            themeFonts = _this$parse$fonts === void 0 ? [] : _this$parse$fonts,
+            newTheme = _objectWithoutProperties__default["default"](_this$parse, _excluded$2);
+
+        return fonts.length > 0 || themeFonts.length > 0 ? _objectSpread__default["default"](_objectSpread__default["default"]({}, story), {}, {
+          theme: newTheme,
+          fonts: uniq__default["default"]([].concat(_toConsumableArray__default["default"](themeFonts), _toConsumableArray__default["default"](fonts)), 'name')
+        }) : story;
+      }
+
+      return fonts.length > 0 ? _objectSpread__default["default"](_objectSpread__default["default"]({}, story), {}, {
+        fonts: fonts
+      }) : story;
+    }
+  }, {
+    key: "getFieldsPattern",
+    value: function getFieldsPattern(fields) {
+      var _this2 = this;
+
+      var namePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      return fields.reduce(function (patterns, field) {
+        var _field$name = field.name,
+            name = _field$name === void 0 ? null : _field$name,
+            _field$type = field.type,
+            type = _field$type === void 0 ? null : _field$type;
+        var path = [namePrefix, name].filter(function (it) {
+          return it !== null;
+        }).join('\\.');
+
+        var fieldDefinition = _objectSpread__default["default"](_objectSpread__default["default"]({}, type !== null ? _this2.fieldsManager.getDefinition(type) : null), field); // also check settings fields
+
+
+        var _fieldDefinition$fiel = fieldDefinition.fields,
+            subFields = _fieldDefinition$fiel === void 0 ? [] : _fieldDefinition$fiel,
+            _fieldDefinition$item = fieldDefinition.itemsField,
+            itemsField = _fieldDefinition$item === void 0 ? null : _fieldDefinition$item,
+            _fieldDefinition$sett = fieldDefinition.settings,
+            settings = _fieldDefinition$sett === void 0 ? [] : _fieldDefinition$sett;
+        return [].concat(_toConsumableArray__default["default"](patterns), _toConsumableArray__default["default"](FontsParser.fieldIsFontFamily(fieldDefinition) ? [new RegExp("^".concat(path, "$"))] : []), _toConsumableArray__default["default"](_this2.getFieldsPattern(subFields, path)), _toConsumableArray__default["default"](_this2.getFieldsPattern(settings, path)), _toConsumableArray__default["default"](itemsField !== null ? _this2.getFieldsPattern([itemsField], "".concat(path, "\\.[0-9]+")) : []));
+      }, []);
+    }
+  }], [{
+    key: "fieldIsFontFamily",
+    value: function fieldIsFontFamily(_ref4) {
+      var _ref4$id = _ref4.id,
+          id = _ref4$id === void 0 ? null : _ref4$id;
+      return id === 'font-family';
+    }
+  }, {
+    key: "valueIsFont",
+    value: function valueIsFont(_ref5) {
+      var _ref5$type = _ref5.type,
+          type = _ref5$type === void 0 ? null : _ref5$type;
+      return type === 'custom' || type === 'google';
+    }
+  }, {
+    key: "extractFontsWithPaths",
+    value: function extractFontsWithPaths(data, patterns) {
+      var keyPrefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+      var dataIsArray = isArray__default["default"](data);
+      var keys = dataIsArray ? _toConsumableArray__default["default"](data.keys()) : Object.keys(data);
+      return keys.reduce(function (currentFonts, key) {
+        var path = [keyPrefix, key].filter(function (it) {
+          return it !== null;
+        }).join('.');
+        var patternMatch = patterns.reduce(function (found, pattern) {
+          return found || pattern.test(path);
+        }, false);
+        var value = data[key];
+        var font = null;
+        var subFonts = null;
+
+        if (patternMatch && isObject__default["default"](value) && FontsParser.valueIsFont(value)) {
+          font = value;
+        } else if (isObject__default["default"](value) || isArray__default["default"](value)) {
+          subFonts = FontsParser.extractFontsWithPaths(value, patterns, path);
+        }
+
+        return subFonts !== null || font !== null ? [].concat(_toConsumableArray__default["default"](currentFonts), _toConsumableArray__default["default"](subFonts || []), _toConsumableArray__default["default"](font !== null ? [font] : [])) : currentFonts;
+      }, []);
+    }
+  }]);
+
+  return FontsParser;
+}();
+
+var FieldsManager = /*#__PURE__*/function (_ComponentsManager) {
+  _inherits__default["default"](FieldsManager, _ComponentsManager);
+
+  var _super = _createSuper__default["default"](FieldsManager);
+
+  function FieldsManager() {
+    _classCallCheck__default["default"](this, FieldsManager);
+
+    return _super.apply(this, arguments);
+  }
+
+  return _createClass__default["default"](FieldsManager);
+}(ComponentsManager);
+
+var _excluded$1 = ["medias"];
+
+var MediasParser = /*#__PURE__*/function () {
+  function MediasParser(_ref) {
+    var fieldsManager = _ref.fieldsManager,
+        screensManager = _ref.screensManager;
+
+    _classCallCheck__default["default"](this, MediasParser);
+
+    this.fieldsManager = fieldsManager;
+    this.screensManager = screensManager;
+  } // Convert medias object to path
+
+
+  _createClass__default["default"](MediasParser, [{
+    key: "toPath",
+    value: function toPath(story) {
+      var _this = this;
+
+      if (story === null) {
+        return story;
+      }
+
+      var _ref2 = story || {},
+          _ref2$theme = _ref2.theme,
+          theme = _ref2$theme === void 0 ? null : _ref2$theme,
+          _ref2$components = _ref2.components,
+          components = _ref2$components === void 0 ? [] : _ref2$components;
+
+      var _components$reduce = components.reduce(function (_ref3, screen) {
+        var previousComponents = _ref3.components,
+            currentMedias = _ref3.medias;
+        var type = screen.type;
+
+        var _ref4 = _this.screensManager.getDefinition(type) || {},
+            _ref4$fields = _ref4.fields,
+            fields = _ref4$fields === void 0 ? [] : _ref4$fields;
+
+        var fieldsPattern = _this.getMediaFieldsPattern(fields);
+
+        var _MediasParser$replace = MediasParser.replaceMediasWithPaths(screen, fieldsPattern),
+            newScreen = _MediasParser$replace.data,
+            newMedias = _MediasParser$replace.medias;
+
+        return {
+          components: [].concat(_toConsumableArray__default["default"](previousComponents), [newScreen]),
+          medias: _objectSpread__default["default"](_objectSpread__default["default"]({}, currentMedias), newMedias)
+        };
+      }, {
+        components: [],
+        medias: null
+      }),
+          newComponents = _components$reduce.components,
+          medias = _components$reduce.medias;
+
+      if (theme !== null) {
+        var _this$toPath = this.toPath(theme),
+            themeMedias = _this$toPath.medias,
+            newTheme = _objectWithoutProperties__default["default"](_this$toPath, _excluded$1);
+
+        return medias !== null || themeMedias !== null ? _objectSpread__default["default"](_objectSpread__default["default"]({}, story), {}, {
+          theme: newTheme,
+          components: newComponents,
+          medias: _objectSpread__default["default"](_objectSpread__default["default"]({}, themeMedias), medias)
+        }) : story;
+      }
+
+      return medias !== null ? _objectSpread__default["default"](_objectSpread__default["default"]({}, story), {}, {
+        components: newComponents,
+        medias: medias
+      }) : story;
+    } // Convert path to medias object
+
+  }, {
+    key: "fromPath",
+    value: function fromPath(story) {
+      var _this2 = this;
+
+      var defaultMedias = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+
+      if (story === null) {
+        return story;
+      }
+
+      var _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;
+
+      if (medias === null && theme === null) {
+        return story;
+      } // Replace path with medias objects
+
+
+      var newComponents = medias !== null ? components.map(function (screen) {
+        var type = screen.type;
+
+        var _ref6 = _this2.screensManager.getDefinition(type) || {},
+            _ref6$fields = _ref6.fields,
+            fields = _ref6$fields === void 0 ? [] : _ref6$fields;
+
+        var fieldsPattern = _this2.getMediaFieldsPattern(fields);
+
+        return MediasParser.replacePathsWithMedias(screen, medias, fieldsPattern);
+      }) : components; // Replace path with medias object in theme
+
+      if (theme !== null) {
+        var newTheme = this.fromPath(theme, medias);
+        return newTheme !== theme || newComponents !== components ? _objectSpread__default["default"](_objectSpread__default["default"]({}, story), {}, {
+          theme: newTheme,
+          components: newComponents
+        }) : story;
+      }
+
+      return newComponents !== components ? _objectSpread__default["default"](_objectSpread__default["default"]({}, story), {}, {
+        components: newComponents
+      }) : story;
+    }
+  }, {
+    key: "getMediaFieldsPattern",
+    value: function getMediaFieldsPattern(fields) {
+      var _this3 = this;
+
+      var namePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      return fields.reduce(function (patterns, field) {
+        var _field$name = field.name,
+            name = _field$name === void 0 ? null : _field$name,
+            _field$type = field.type,
+            type = _field$type === void 0 ? null : _field$type;
+        var path = [namePrefix, name].filter(function (it) {
+          return it !== null;
+        }).join('\\.');
+
+        var fieldDefinition = _objectSpread__default["default"](_objectSpread__default["default"]({}, type !== null ? _this3.fieldsManager.getDefinition(type) : null), field); // also check settings fields
+
+
+        var _fieldDefinition$fiel = fieldDefinition.fields,
+            subFields = _fieldDefinition$fiel === void 0 ? [] : _fieldDefinition$fiel,
+            _fieldDefinition$item = fieldDefinition.itemsField,
+            itemsField = _fieldDefinition$item === void 0 ? null : _fieldDefinition$item,
+            _fieldDefinition$sett = fieldDefinition.settings,
+            settings = _fieldDefinition$sett === void 0 ? [] : _fieldDefinition$sett;
+        return [].concat(_toConsumableArray__default["default"](patterns), _toConsumableArray__default["default"](MediasParser.fieldIsMedia(fieldDefinition) ? [new RegExp("^".concat(path, "$"))] : []), _toConsumableArray__default["default"](MediasParser.fieldIsFontFamily(fieldDefinition) ? [new RegExp("^".concat(path, "\\.media$"))] : []), _toConsumableArray__default["default"](_this3.getMediaFieldsPattern(subFields, path)), _toConsumableArray__default["default"](_this3.getMediaFieldsPattern(settings, path)), _toConsumableArray__default["default"](itemsField !== null ? _this3.getMediaFieldsPattern([itemsField], "".concat(path, "\\.[0-9]+")) : []));
+      }, []);
+    }
+  }], [{
+    key: "fieldIsMedia",
+    value: function fieldIsMedia(_ref7) {
+      var _ref7$media = _ref7.media,
+          media = _ref7$media === void 0 ? false : _ref7$media;
+      return media;
+    }
+  }, {
+    key: "fieldIsFontFamily",
+    value: function fieldIsFontFamily(_ref8) {
+      var _ref8$id = _ref8.id,
+          id = _ref8$id === void 0 ? null : _ref8$id;
+      return id === 'font-family';
+    }
+  }, {
+    key: "replacePathsWithMedias",
+    value: function replacePathsWithMedias(data, medias, patterns) {
+      var keyPrefix = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+      var dataIsArray = isArray__default["default"](data);
+      var keys = dataIsArray ? _toConsumableArray__default["default"](data.keys()) : Object.keys(data);
+      return keys.reduce(function (newData, key) {
+        var path = [keyPrefix, key].filter(function (it) {
+          return it !== null;
+        }).join('.');
+        var patternMatch = patterns.reduce(function (found, pattern) {
+          return found || pattern.test(path);
+        }, false);
+        var value = data[key];
+        var newValue;
+
+        if (patternMatch) {
+          newValue = isObject__default["default"](value) ? value : medias[value] || null;
+        } else {
+          newValue = isObject__default["default"](value) || isArray__default["default"](value) ? MediasParser.replacePathsWithMedias(value, medias, patterns, path) : value;
+        }
+
+        return dataIsArray ? [].concat(_toConsumableArray__default["default"](newData), [newValue]) : _objectSpread__default["default"](_objectSpread__default["default"]({}, newData), {}, _defineProperty__default["default"]({}, key, newValue));
+      }, dataIsArray ? [] : {});
+    }
+  }, {
+    key: "getMediaPath",
+    value: function getMediaPath(_ref9) {
+      var _ref9$id = _ref9.id,
+          id = _ref9$id === void 0 ? null : _ref9$id;
+      return id !== null ? "media://".concat(id) : null;
+    }
+  }, {
+    key: "replaceMediasWithPaths",
+    value: function replaceMediasWithPaths(data, patterns) {
+      var medias = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+      var keyPrefix = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+      var dataIsArray = isArray__default["default"](data);
+      var keys = dataIsArray ? _toConsumableArray__default["default"](data.keys()) : Object.keys(data);
+      return keys.reduce(function (_ref10, key) {
+        var currentData = _ref10.data,
+            currentMedias = _ref10.medias;
+        var path = [keyPrefix, key].filter(function (it) {
+          return it !== null;
+        }).join('.');
+        var patternMatch = patterns.reduce(function (found, pattern) {
+          return found || pattern.test(path);
+        }, false);
+        var value = data[key];
+        var newValue;
+        var media = null;
+        var subMedias = null;
+
+        if (patternMatch && isObject__default["default"](value)) {
+          var mediaPath = MediasParser.getMediaPath(value);
+          newValue = mediaPath !== null ? mediaPath : value;
+          media = mediaPath !== null ? value : null;
+        } else if (isObject__default["default"](value) || isArray__default["default"](value)) {
+          var subReturn = MediasParser.replaceMediasWithPaths(value, patterns, medias, path);
+          newValue = subReturn.data;
+          subMedias = subReturn.medias;
+        } else {
+          newValue = value;
+        }
+
+        return {
+          data: dataIsArray ? [].concat(_toConsumableArray__default["default"](currentData || []), [newValue]) : _objectSpread__default["default"](_objectSpread__default["default"]({}, currentData), {}, _defineProperty__default["default"]({}, key, newValue)),
+          medias: media !== null ? _objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"]({}, currentMedias), subMedias), {}, _defineProperty__default["default"]({}, newValue, media)) : _objectSpread__default["default"](_objectSpread__default["default"]({}, currentMedias), subMedias)
+        };
+      }, {
+        data: null,
+        medias: medias
+      });
+    }
+  }]);
+
+  return MediasParser;
+}();
+
+var _excluded = ["value"],
+    _excluded2 = ["value"];
+
+var Tracking = /*#__PURE__*/function (_BaseTracking) {
+  _inherits__default["default"](Tracking, _BaseTracking);
+
+  var _super = _createSuper__default["default"](Tracking);
+
+  function Tracking() {
+    var _this;
+
+    var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+    _classCallCheck__default["default"](this, Tracking);
+
+    _this = _super.call(this, opts);
+    var _this$options$variabl = _this.options.variables,
+        variables = _this$options$variabl === void 0 ? null : _this$options$variabl;
+    _this.variables = null;
+
+    if (variables !== null) {
+      _this.setVariables(variables);
+    }
+
+    return _this;
+  }
+
+  _createClass__default["default"](Tracking, [{
+    key: "setVariables",
+    value: function setVariables(variables) {
+      this.variables = variables;
+
+      if (variables !== null) {
+        this.push(variables);
+      }
+    }
+  }, {
+    key: "getVariables",
+    value: function getVariables() {
+      return this.variables;
+    }
+  }, {
+    key: "trackScreenView",
+    value: function trackScreenView(screen, screenIndex) {
+      var _ref = screen || {},
+          _ref$id = _ref.id,
+          screenId = _ref$id === void 0 ? null : _ref$id,
+          _ref$type = _ref.type,
+          screenType = _ref$type === void 0 ? null : _ref$type;
+
+      var data = {
+        event: 'screenView',
+        screenId: screenId,
+        screenType: screenType,
+        screenIndex: screenIndex
+      };
+      this.push(data);
+    }
+  }, {
+    key: "trackEvent",
+    value: function trackEvent(category, action, label) {
+      var _ref2 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {},
+          _ref2$value = _ref2.value,
+          value = _ref2$value === void 0 ? null : _ref2$value,
+          opts = _objectWithoutProperties__default["default"](_ref2, _excluded);
 
-var _PropTypes = _interopRequireWildcard(require("./lib/PropTypes"));
+      var data = _objectSpread__default["default"](_objectSpread__default["default"]({}, opts), {}, {
+        event: 'eventInteraction',
+        eventCategory: category,
+        eventAction: action,
+        eventLabel: label,
+        eventValue: value
+      });
 
-exports.PropTypes = _PropTypes;
+      this.push(data);
+    }
+  }, {
+    key: "trackMedia",
+    value: function trackMedia(type, media, action) {
+      var _ref3 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {},
+          _ref3$value = _ref3.value,
+          value = _ref3$value === void 0 ? null : _ref3$value,
+          opts = _objectWithoutProperties__default["default"](_ref3, _excluded2);
 
-var _ComponentsCollection = _interopRequireDefault(require("./lib/ComponentsCollection"));
+      var _ref4 = media || {},
+          _ref4$id = _ref4.id,
+          mediaId = _ref4$id === void 0 ? null : _ref4$id,
+          _ref4$name = _ref4.name,
+          name = _ref4$name === void 0 ? null : _ref4$name,
+          _ref4$duration = _ref4.duration,
+          duration = _ref4$duration === void 0 ? null : _ref4$duration,
+          _ref4$currentTime = _ref4.currentTime,
+          currentTime = _ref4$currentTime === void 0 ? null : _ref4$currentTime;
 
-var _UrlGenerator = _interopRequireDefault(require("./lib/UrlGenerator"));
+      var label = name;
 
-var _Definition = _interopRequireDefault(require("./lib/Definition"));
+      var data = _objectSpread__default["default"](_objectSpread__default["default"]({}, opts), {}, {
+        event: 'eventInteraction',
+        eventCategory: type,
+        eventAction: action,
+        eventLabel: label,
+        eventValue: value,
+        mediaId: mediaId,
+        mediaCurrentTime: currentTime !== null ? Math.round(currentTime) : null,
+        mediaProgress: currentTime !== null && duration !== null && duration > 0 ? Math.round(currentTime / duration * 100) : null
+      });
 
-var _Resource = _interopRequireDefault(require("./lib/Resource"));
+      this.push(data);
+    }
+  }]);
 
-var _ResourceApi = _interopRequireDefault(require("./lib/ResourceApi"));
+  return Tracking;
+}(tracking.Tracking);
 
-var _useResourceApi = _interopRequireDefault(require("./lib/useResourceApi"));
+exports.ComponentsManager = ComponentsManager;
+exports.DefinitionsManager = DefinitionsManager;
+exports.EventsManager = EventsManager;
+exports.FieldsManager = FieldsManager$1;
+exports.FontsParser = FontsParser;
+exports.FormsManager = FieldsManager;
+exports.MediasParser = MediasParser;
+exports.PropTypes = PropTypes;
+exports.Tracking = Tracking;