@panneau/core 1.0.3-alpha.0 → 1.0.3

package/lib/contexts.js

@@ -20,6 +20,7 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 var reactRouter = require('react-router');
 var tracking = require('@folklore/tracking');
 var uuid = require('uuid');
+var EventEmitter = require('wolfy87-eventemitter');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -51,6 +52,7 @@ var uniqBy__default = /*#__PURE__*/_interopDefaultLegacy(uniqBy);
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var isObject__default = /*#__PURE__*/_interopDefaultLegacy(isObject);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var EventEmitter__default = /*#__PURE__*/_interopDefaultLegacy(EventEmitter);
 
 var MODALS_NAMESPACE = 'modals';
 var FIELDS_NAMESPACE = 'fields';
@@ -58,12 +60,13 @@ var FORMS_NAMESPACE = 'forms';
 var FILTERS_NAMESPACE = 'filters';
 var LISTS_NAMESPACE = 'lists';
 var DISPLAYS_NAMESPACE = 'displays';
+var PAGES_NAMESPACE = 'pages';
 var APP_NAMESPACE = 'app';
 var ComponentsContext = /*#__PURE__*/React__default["default"].createContext(null);
+
 /**
  * Hooks
  */
-
 var useComponentsManager = function useComponentsManager() {
   var namespace = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var manager = React.useContext(ComponentsContext);
@@ -81,20 +84,18 @@ var useComponents = function useComponents() {
 var useComponent = function useComponent(name) {
   var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   var namespace = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-
   if (!isString__default["default"](name)) {
     return name || defaultComponent;
   }
-
   var manager = useComponentsManager(namespace);
   return React.useMemo(function () {
     return manager.getComponent(name) || defaultComponent;
   }, [manager, name, defaultComponent]);
 };
+
 /**
  * Fields hooks
  */
-
 var useFieldsComponentsManager = function useFieldsComponentsManager() {
   return useComponentsManager(FIELDS_NAMESPACE);
 };
@@ -106,10 +107,10 @@ var useFieldComponent = function useFieldComponent(name) {
   var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   return useComponent(name, defaultComponent, FIELDS_NAMESPACE);
 };
+
 /**
  * Forms hooks
  */
-
 var useFormsComponentsManager = function useFormsComponentsManager() {
   return useComponentsManager(FORMS_NAMESPACE);
 };
@@ -121,10 +122,10 @@ var useFormComponent = function useFormComponent(name) {
   var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   return useComponent(name, defaultComponent, FORMS_NAMESPACE);
 };
+
 /**
  * Modals hooks
  */
-
 var useModalsComponentsManager = function useModalsComponentsManager() {
   return useComponentsManager(MODALS_NAMESPACE);
 };
@@ -136,10 +137,10 @@ var useModalComponent = function useModalComponent(name) {
   var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   return useComponent(name, defaultComponent, MODALS_NAMESPACE);
 };
+
 /**
  * Filters hooks
  */
-
 var useFiltersComponentsManager = function useFiltersComponentsManager() {
   return useComponentsManager(FILTERS_NAMESPACE);
 };
@@ -151,10 +152,10 @@ var useFilterComponent = function useFilterComponent(name) {
   var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   return useComponent(name, defaultComponent, FILTERS_NAMESPACE);
 };
+
 /**
  * Lists hooks
  */
-
 var useListsComponentsManager = function useListsComponentsManager() {
   return useComponentsManager(LISTS_NAMESPACE);
 };
@@ -166,10 +167,10 @@ var useListComponent = function useListComponent(name) {
   var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   return useComponent(name, defaultComponent, LISTS_NAMESPACE);
 };
+
 /**
  * Displays hooks
  */
-
 var useDisplaysComponentsManager = function useDisplaysComponentsManager() {
   return useComponentsManager(DISPLAYS_NAMESPACE);
 };
@@ -181,10 +182,25 @@ var useDisplayComponent = function useDisplayComponent(name) {
   var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   return useComponent(name, defaultComponent, DISPLAYS_NAMESPACE);
 };
+
 /**
- * App hooks
+ * Pages hooks
  */
+var usePagesComponentsManager = function usePagesComponentsManager() {
+  return useComponentsManager(PAGES_NAMESPACE);
+};
+var usePagesComponents = function usePagesComponents() {
+  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return useComponents(PAGES_NAMESPACE, defaultComponents);
+};
+var usePageComponent = function usePageComponent(name) {
+  var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  return useComponent(name, defaultComponent, PAGES_NAMESPACE);
+};
 
+/**
+ * App hooks
+ */
 var useAppComponentsManager = function useAppComponentsManager() {
   return useComponentsManager(APP_NAMESPACE);
 };
@@ -196,10 +212,10 @@ var useAppComponent = function useAppComponent(name) {
   var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   return useComponent(name, defaultComponent, APP_NAMESPACE);
 };
+
 /**
  * Provider
  */
-
 var propTypes$f = {
   children: PropTypes__default["default"].node.isRequired,
   namespace: PropTypes__default["default"].string,
@@ -213,9 +229,9 @@ var defaultProps$f = {
 };
 var ComponentsProvider = function ComponentsProvider(_ref) {
   var components = _ref.components,
-      manager = _ref.manager,
-      namespace = _ref.namespace,
-      children = _ref.children;
+    manager = _ref.manager,
+    namespace = _ref.namespace,
+    children = _ref.children;
   var previousManager = useComponentsManager() || null;
   var finalManager = React.useMemo(function () {
     return new core.ComponentsManager(_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"]({}, previousManager !== null ? previousManager.getComponents() : null), manager !== null ? manager.getComponents() : null), new core.ComponentsManager(components).addNamespace(namespace).getComponents()));
@@ -233,10 +249,10 @@ var message = PropTypes__default["default"].shape({
 });
 var label = PropTypes__default["default"].oneOfType([message, PropTypes__default["default"].node]);
 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,
@@ -275,10 +291,10 @@ var tableColumn = PropTypes__default["default"].shape({
   columnClassName: PropTypes__default["default"].string
 });
 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,
@@ -325,15 +341,17 @@ var panneauDefinition = PropTypes__default["default"].shape({
   resources: resources,
   routes: routes,
   pages: pages,
-  intl: intl // intl,
-
+  intl: intl
+  // intl,
 });
+
 var definition = PropTypes__default["default"].shape({
-  name: PropTypes__default["default"].string // resources,
+  name: PropTypes__default["default"].string
+  // resources,
   // routes,
   // intl,
-
 });
+
 var item = PropTypes__default["default"].shape({
   id: PropTypes__default["default"].string.isRequired
 });
@@ -366,9 +384,8 @@ var useDefinitionContext = function useDefinitionContext() {
 };
 var useDefinition = function useDefinition() {
   var _useDefinitionContext = useDefinitionContext(),
-      _useDefinitionContext2 = _useDefinitionContext.definition,
-      definition = _useDefinitionContext2 === void 0 ? null : _useDefinitionContext2;
-
+    _useDefinitionContext2 = _useDefinitionContext.definition,
+    definition = _useDefinitionContext2 === void 0 ? null : _useDefinitionContext2;
   return definition;
 };
 var propTypes$e = {
@@ -378,7 +395,7 @@ var propTypes$e = {
 var defaultProps$e = {};
 var DefinitionProvider = function DefinitionProvider(_ref) {
   var definition = _ref.definition,
-      children = _ref.children;
+    children = _ref.children;
   return /*#__PURE__*/React__default["default"].createElement(DefinitionContext.Provider, {
     value: definition
   }, children);
@@ -409,8 +426,8 @@ var defaultProps$d = {
 };
 var FieldsProvider = function FieldsProvider(_ref) {
   var fields = _ref.fields,
-      manager = _ref.manager,
-      children = _ref.children;
+    manager = _ref.manager,
+    children = _ref.children;
   var previousManager = useFieldsManager() || null;
   var finalManager = React.useMemo(function () {
     var newFields = uniqBy__default["default"]([].concat(_toConsumableArray__default["default"](fields || []), _toConsumableArray__default["default"](manager !== null ? manager.getDefinitions() : []), _toConsumableArray__default["default"](previousManager !== null ? previousManager.getDefinitions() : [])), function (_ref2) {
@@ -446,18 +463,16 @@ var useGoogleKeys = function useGoogleKeys() {
 var propTypes$c = {
   children: PropTypes__default["default"].node.isRequired,
   apiKey: PropTypes__default["default"].string // .isRequired,
-
 };
+
 var defaultProps$c = {
   apiKey: null
 };
 var GoogleKeysProvider = function GoogleKeysProvider(_ref) {
   var children = _ref.children,
-      apiKey = _ref.apiKey;
-
+    apiKey = _ref.apiKey;
   var _useGoogleKeys = useGoogleKeys(),
-      previousApiKey = _useGoogleKeys.apiKey;
-
+    previousApiKey = _useGoogleKeys.apiKey;
   return /*#__PURE__*/React__default["default"].createElement(GoogleKeysContext.Provider, {
     value: {
       apiKey: apiKey || previousApiKey
@@ -474,27 +489,22 @@ var FontsContext = /*#__PURE__*/React__default["default"].createContext({
 });
 var useGoogleFonts = function useGoogleFonts() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$setFonts = _ref.setFonts,
-      setFonts = _ref$setFonts === void 0 ? null : _ref$setFonts;
-
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$setFonts = _ref.setFonts,
+    setFonts = _ref$setFonts === void 0 ? null : _ref$setFonts;
   var _useGoogleKeys = useGoogleKeys(),
-      apiKey = _useGoogleKeys.apiKey;
-
+    apiKey = _useGoogleKeys.apiKey;
   var _useState = React.useState(null),
-      _useState2 = _slicedToArray__default["default"](_useState, 2),
-      googleFonts = _useState2[0],
-      setGoogleFonts = _useState2[1];
-
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    googleFonts = _useState2[0],
+    setGoogleFonts = _useState2[1];
   React.useEffect(function () {
     var canceled = false;
-
     if (apiKey !== null && !disabled) {
       fetch.getJSON("https://www.googleapis.com/webfonts/v1/webfonts?key=".concat(apiKey, "&sort=popularity")).then(function (_ref2) {
         var _ref2$items = _ref2.items,
-            items = _ref2$items === void 0 ? [] : _ref2$items;
-
+          items = _ref2$items === void 0 ? [] : _ref2$items;
         if (!canceled) {
           var newFonts = items.map(function (it) {
             return {
@@ -503,7 +513,6 @@ var useGoogleFonts = function useGoogleFonts() {
               variants: it.variants
             };
           });
-
           if (setFonts !== null) {
             setFonts(newFonts);
           } else {
@@ -512,7 +521,6 @@ var useGoogleFonts = function useGoogleFonts() {
         }
       });
     }
-
     return function () {
       canceled = true;
     };
@@ -521,19 +529,17 @@ var useGoogleFonts = function useGoogleFonts() {
 };
 var useFonts = function useFonts() {
   var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref3$withoutGoogleFo = _ref3.withoutGoogleFonts,
-      withoutGoogleFonts = _ref3$withoutGoogleFo === void 0 ? false : _ref3$withoutGoogleFo;
-
+    _ref3$withoutGoogleFo = _ref3.withoutGoogleFonts,
+    withoutGoogleFonts = _ref3$withoutGoogleFo === void 0 ? false : _ref3$withoutGoogleFo;
   var _useContext = React.useContext(FontsContext),
-      _useContext$setGoogle = _useContext.setGoogleFonts,
-      setGoogleFonts = _useContext$setGoogle === void 0 ? null : _useContext$setGoogle,
-      _useContext$systemFon = _useContext.systemFonts,
-      systemFonts = _useContext$systemFon === void 0 ? null : _useContext$systemFon,
-      _useContext$googleFon = _useContext.googleFonts,
-      googleFonts = _useContext$googleFon === void 0 ? null : _useContext$googleFon,
-      _useContext$customFon = _useContext.customFonts,
-      customFonts = _useContext$customFon === void 0 ? null : _useContext$customFon;
-
+    _useContext$setGoogle = _useContext.setGoogleFonts,
+    setGoogleFonts = _useContext$setGoogle === void 0 ? null : _useContext$setGoogle,
+    _useContext$systemFon = _useContext.systemFonts,
+    systemFonts = _useContext$systemFon === void 0 ? null : _useContext$systemFon,
+    _useContext$googleFon = _useContext.googleFonts,
+    googleFonts = _useContext$googleFon === void 0 ? null : _useContext$googleFon,
+    _useContext$customFon = _useContext.customFonts,
+    customFonts = _useContext$customFon === void 0 ? null : _useContext$customFon;
   useGoogleFonts({
     disabled: withoutGoogleFonts || googleFonts !== null && googleFonts.length > 0,
     setFonts: setGoogleFonts
@@ -558,21 +564,18 @@ var defaultProps$b = {
 };
 var FontsProvider = function FontsProvider(_ref4) {
   var systemFonts = _ref4.systemFonts,
-      customFonts = _ref4.customFonts,
-      children = _ref4.children;
-
+    customFonts = _ref4.customFonts,
+    children = _ref4.children;
   var _useFonts = useFonts(),
-      _useFonts$systemFonts = _useFonts.systemFonts,
-      previousSystemFonts = _useFonts$systemFonts === void 0 ? null : _useFonts$systemFonts,
-      _useFonts$googleFonts = _useFonts.googleFonts,
-      previousGoogleFonts = _useFonts$googleFonts === void 0 ? null : _useFonts$googleFonts,
-      previousCustomFonts = _useFonts.customFonts;
-
+    _useFonts$systemFonts = _useFonts.systemFonts,
+    previousSystemFonts = _useFonts$systemFonts === void 0 ? null : _useFonts$systemFonts,
+    _useFonts$googleFonts = _useFonts.googleFonts,
+    previousGoogleFonts = _useFonts$googleFonts === void 0 ? null : _useFonts$googleFonts,
+    previousCustomFonts = _useFonts.customFonts;
   var _useState3 = React.useState(null),
-      _useState4 = _slicedToArray__default["default"](_useState3, 2),
-      googleFonts = _useState4[0],
-      setGoogleFonts = _useState4[1];
-
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    googleFonts = _useState4[0],
+    setGoogleFonts = _useState4[1];
   var fonts = React.useMemo(function () {
     return {
       systemFonts: uniqBy__default["default"]([].concat(_toConsumableArray__default["default"](previousSystemFonts || []), _toConsumableArray__default["default"](systemFonts || [])), function (font) {
@@ -601,14 +604,12 @@ var useForm = function useForm() {
 };
 var useFormValue = function useFormValue() {
   var _useForm = useForm(),
-      value = _useForm.value;
-
+    value = _useForm.value;
   return value;
 };
 var useFormSetValue = function useFormSetValue() {
   var _useForm2 = useForm(),
-      setValue = _useForm2.setValue;
-
+    setValue = _useForm2.setValue;
   return setValue;
 };
 var propTypes$a = {
@@ -620,8 +621,8 @@ var propTypes$a = {
 var defaultProps$a = {};
 var FormProvider = function FormProvider(_ref) {
   var value = _ref.value,
-      setValue = _ref.setValue,
-      children = _ref.children;
+    setValue = _ref.setValue,
+    children = _ref.children;
   return /*#__PURE__*/React__default["default"].createElement(FormContext.Provider, {
     value: {
       value: value,
@@ -639,12 +640,11 @@ var useGoogleApiClient = function useGoogleApiClient() {
 var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
   var getDisplayName = function getDisplayName(_ref) {
     var _ref$displayName = _ref.displayName,
-        displayName = _ref$displayName === void 0 ? null : _ref$displayName,
-        _ref$name = _ref.name,
-        name = _ref$name === void 0 ? null : _ref$name;
+      displayName = _ref$displayName === void 0 ? null : _ref$displayName,
+      _ref$name = _ref.name,
+      name = _ref$name === void 0 ? null : _ref$name;
     return displayName || name || 'Component';
   };
-
   var WithGoogleApiClientComponent = function WithGoogleApiClientComponent(props) {
     return /*#__PURE__*/React__default["default"].createElement(GoogleApiClientContext.Consumer, null, function (client) {
       return /*#__PURE__*/React__default["default"].createElement(WrappedComponent, Object.assign({
@@ -652,7 +652,6 @@ var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
       }, props));
     });
   };
-
   WithGoogleApiClientComponent.displayName = "WithGoogleApiClient(".concat(getDisplayName(WrappedComponent), ")");
   return WithGoogleApiClientComponent;
 };
@@ -662,15 +661,12 @@ var propTypes$9 = {
 var defaultProps$9 = {};
 var GoogleApiClientProvider = function GoogleApiClientProvider(_ref2) {
   var children = _ref2.children;
-
   var _useGoogleKeys = useGoogleKeys(),
-      apiKey = _useGoogleKeys.apiKey;
-
+    apiKey = _useGoogleKeys.apiKey;
   var _useState = React.useState(null),
-      _useState2 = _slicedToArray__default["default"](_useState, 2),
-      client = _useState2[0],
-      setClient = _useState2[1];
-
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    client = _useState2[0],
+    setClient = _useState2[1];
   React.useEffect(function () {
     services.loadGoogleApi().then(function (gapi) {
       return gapi.client.init({
@@ -696,12 +692,11 @@ var useGoogleMapsClient = function useGoogleMapsClient() {
 var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
   var getDisplayName = function getDisplayName(_ref) {
     var _ref$displayName = _ref.displayName,
-        displayName = _ref$displayName === void 0 ? null : _ref$displayName,
-        _ref$name = _ref.name,
-        name = _ref$name === void 0 ? null : _ref$name;
+      displayName = _ref$displayName === void 0 ? null : _ref$displayName,
+      _ref$name = _ref.name,
+      name = _ref$name === void 0 ? null : _ref$name;
     return displayName || name || 'Component';
   };
-
   var WithGoogleMapsClientComponent = function WithGoogleMapsClientComponent(props) {
     return /*#__PURE__*/React__default["default"].createElement(GoogleMapsClientContext.Consumer, null, function (client) {
       return /*#__PURE__*/React__default["default"].createElement(WrappedComponent, Object.assign({
@@ -709,7 +704,6 @@ var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
       }, props));
     });
   };
-
   WithGoogleMapsClientComponent.displayName = "WithGoogleMapsClient(".concat(getDisplayName(WrappedComponent), ")");
   return WithGoogleMapsClientComponent;
 };
@@ -724,19 +718,15 @@ var defaultProps$8 = {
 };
 var GoogleMapsClientProvider = function GoogleMapsClientProvider(_ref2) {
   var children = _ref2.children,
-      locale = _ref2.locale,
-      libraries = _ref2.libraries;
-
+    locale = _ref2.locale,
+    libraries = _ref2.libraries;
   var _useGoogleKeys = useGoogleKeys(),
-      apiKey = _useGoogleKeys.apiKey;
-
+    apiKey = _useGoogleKeys.apiKey;
   var exisitingClient = useGoogleMapsClient();
-
   var _useState = React.useState(exisitingClient),
-      _useState2 = _slicedToArray__default["default"](_useState, 2),
-      client = _useState2[0],
-      setClient = _useState2[1];
-
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    client = _useState2[0],
+    setClient = _useState2[1];
   React.useEffect(function () {
     if (exisitingClient === null) {
       services.loadGoogleMaps({
@@ -762,17 +752,14 @@ var LocalesContext = /*#__PURE__*/React__default["default"].createContext({
 });
 var useLocales = function useLocales() {
   var _useContext = React.useContext(LocalesContext),
-      locales = _useContext.locales;
-
+    locales = _useContext.locales;
   return locales;
 };
 var useOtherLocales = function useOtherLocales() {
   var _useLocales = useLocales(),
-      locales = _useLocales.locales;
-
+    locales = _useLocales.locales;
   var _useIntl = reactIntl.useIntl(),
-      locale = _useIntl.locale;
-
+    locale = _useIntl.locale;
   var otherLocales = React.useMemo(function () {
     return locales.filter(function (it) {
       return it !== locale;
@@ -789,7 +776,7 @@ var defaultProps$7 = {
 };
 var LocalesProvider = function LocalesProvider(_ref) {
   var locales = _ref.locales,
-      children = _ref.children;
+    children = _ref.children;
   return /*#__PURE__*/React__default["default"].createElement(LocalesContext.Provider, {
     value: {
       locales: locales
@@ -809,10 +796,10 @@ var withModals = function withModals(WrappedComponent) {
   var WithModalsComponent = function WithModalsComponent(props) {
     return /*#__PURE__*/React__default["default"].createElement(ModalsContext.Consumer, null, function (_ref) {
       var modals = _ref.modals,
-          container = _ref.container,
-          setContainer = _ref.setContainer,
-          register = _ref.register,
-          unregister = _ref.unregister;
+        container = _ref.container,
+        setContainer = _ref.setContainer,
+        register = _ref.register,
+        unregister = _ref.unregister;
       return /*#__PURE__*/React__default["default"].createElement(WrappedComponent, Object.assign({
         modalsContainer: container,
         setModalsContainer: setContainer,
@@ -822,32 +809,28 @@ var withModals = function withModals(WrappedComponent) {
       }, props));
     });
   };
-
   WithModalsComponent.displayName = "WithModals(".concat(utils.getDisplayName(WrappedComponent), ")");
   return WithModalsComponent;
 };
 var propTypes$6 = {
   children: PropTypes__default["default"].node.isRequired,
   container: PropTypes__default["default"].object // eslint-disable-line
-
 };
+
 var defaultProps$6 = {
   container: null
 };
 var ModalsProvider = function ModalsProvider(_ref2) {
   var children = _ref2.children,
-      initialContainer = _ref2.container;
-
+    initialContainer = _ref2.container;
   var _useState = React.useState(initialContainer),
-      _useState2 = _slicedToArray__default["default"](_useState, 2),
-      container = _useState2[0],
-      setContainer = _useState2[1];
-
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    container = _useState2[0],
+    setContainer = _useState2[1];
   var _useState3 = React.useState([]),
-      _useState4 = _slicedToArray__default["default"](_useState3, 2),
-      modals = _useState4[0],
-      setModals = _useState4[1];
-
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    modals = _useState4[0],
+    setModals = _useState4[1];
   var modalsRef = React.useRef(modals);
   var register = React.useCallback(function (id) {
     var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
@@ -864,7 +847,6 @@ var ModalsProvider = function ModalsProvider(_ref2) {
       var modalId = _ref3.id;
       return modalId === id;
     });
-
     if (foundIndex !== -1) {
       var newModals = currentModals.filter(function (_ref4) {
         var modalId = _ref4.id;
@@ -897,10 +879,10 @@ var withPanels = function withPanels(WrappedComponent) {
   var WithPanelsComponent = function WithPanelsComponent(props) {
     return /*#__PURE__*/React__default["default"].createElement(PanelsContext.Consumer, null, function (_ref) {
       var panels = _ref.panels,
-          setContainer = _ref.setContainer,
-          container = _ref.container,
-          register = _ref.register,
-          unregister = _ref.unregister;
+        setContainer = _ref.setContainer,
+        container = _ref.container,
+        register = _ref.register,
+        unregister = _ref.unregister;
       return /*#__PURE__*/React__default["default"].createElement(WrappedComponent, Object.assign({
         panelsContainer: container,
         setPanelsContainer: setContainer,
@@ -910,32 +892,28 @@ var withPanels = function withPanels(WrappedComponent) {
       }, props));
     });
   };
-
   WithPanelsComponent.displayName = "WithPanels(".concat(utils.getDisplayName(WrappedComponent), ")");
   return WithPanelsComponent;
 };
 var propTypes$5 = {
   children: PropTypes__default["default"].node.isRequired,
   container: PropTypes__default["default"].object // eslint-disable-line
-
 };
+
 var defaultProps$5 = {
   container: null
 };
 var PanelsProvider = function PanelsProvider(_ref2) {
   var children = _ref2.children,
-      initialContainer = _ref2.container;
-
+    initialContainer = _ref2.container;
   var _useState = React.useState(initialContainer),
-      _useState2 = _slicedToArray__default["default"](_useState, 2),
-      container = _useState2[0],
-      setContainer = _useState2[1];
-
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    container = _useState2[0],
+    setContainer = _useState2[1];
   var _useState3 = React.useState([]),
-      _useState4 = _slicedToArray__default["default"](_useState3, 2),
-      panels = _useState4[0],
-      setPanels = _useState4[1];
-
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    panels = _useState4[0],
+    setPanels = _useState4[1];
   var panelsRef = React.useRef(panels);
   var register = React.useCallback(function (id) {
     var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
@@ -952,7 +930,6 @@ var PanelsProvider = function PanelsProvider(_ref2) {
       var modalId = _ref3.id;
       return modalId === id;
     });
-
     if (foundIndex !== -1) {
       var newPanels = currentPanels.filter(function (_ref4) {
         var modalId = _ref4.id;
@@ -982,9 +959,8 @@ var usePanneau = function usePanneau() {
 };
 var usePanneauResources = function usePanneauResources() {
   var _ref = usePanneau() || {},
-      _ref$resources = _ref.resources,
-      resources = _ref$resources === void 0 ? [] : _ref$resources;
-
+    _ref$resources = _ref.resources,
+    resources = _ref$resources === void 0 ? [] : _ref$resources;
   return resources;
 };
 var usePanneauResource = function usePanneauResource(id) {
@@ -995,13 +971,11 @@ var usePanneauResource = function usePanneauResource(id) {
 };
 var usePanneauColorScheme = function usePanneauColorScheme() {
   var _ref2 = usePanneau() || {},
-      _ref2$theme = _ref2.theme,
-      theme = _ref2$theme === void 0 ? {} : _ref2$theme;
-
+    _ref2$theme = _ref2.theme,
+    theme = _ref2$theme === void 0 ? {} : _ref2$theme;
   var _ref3 = theme || {},
-      _ref3$colorScheme = _ref3.colorScheme,
-      colorScheme = _ref3$colorScheme === void 0 ? 'light' : _ref3$colorScheme;
-
+    _ref3$colorScheme = _ref3.colorScheme,
+    colorScheme = _ref3$colorScheme === void 0 ? 'light' : _ref3$colorScheme;
   return colorScheme === 'dark' ? {
     background: 'dark',
     text: 'light'
@@ -1012,45 +986,37 @@ var usePanneauColorScheme = function usePanneauColorScheme() {
 };
 var usePanneauComponents = function usePanneauComponents() {
   var _ref4 = usePanneau() || {},
-      _ref4$components = _ref4.components,
-      components = _ref4$components === void 0 ? {} : _ref4$components;
-
+    _ref4$components = _ref4.components,
+    components = _ref4$components === void 0 ? {} : _ref4$components;
   return components;
 };
 var usePanneauComponent = function usePanneauComponent(namespace, name) {
   var _ref5 = usePanneau() || {},
-      _ref5$components = _ref5.components,
-      components = _ref5$components === void 0 ? {} : _ref5$components;
-
+    _ref5$components = _ref5.components,
+    components = _ref5$components === void 0 ? {} : _ref5$components;
   var path = namespace !== null ? "".concat(namespace, ".").concat(name) : name || null;
   var component = components[path] || null;
-
   if (isString__default["default"](component)) {
     return component;
   }
-
   if (isObject__default["default"](component) && isString__default["default"](component === null || component === void 0 ? void 0 : component.componnent)) {
     // eslint-disable-next-line no-unused-vars
     component.component;
-        _objectWithoutProperties__default["default"](component, _excluded$3);
-
+      _objectWithoutProperties__default["default"](component, _excluded$3);
     return component.component;
   }
-
   return null;
 };
 var usePanneauAuth = function usePanneauAuth() {
   var _ref6 = usePanneau() || {},
-      _ref6$auth = _ref6.auth,
-      auth = _ref6$auth === void 0 ? {} : _ref6$auth;
-
+    _ref6$auth = _ref6.auth,
+    auth = _ref6$auth === void 0 ? {} : _ref6$auth;
   return auth;
 };
 var usePanneauSettings = function usePanneauSettings() {
   var _ref7 = usePanneau() || {},
-      _ref7$settings = _ref7.settings,
-      settings = _ref7$settings === void 0 ? {} : _ref7$settings;
-
+    _ref7$settings = _ref7.settings,
+    settings = _ref7$settings === void 0 ? {} : _ref7$settings;
   return settings;
 };
 var propTypes$4 = {
@@ -1060,7 +1026,7 @@ var propTypes$4 = {
 var defaultProps$4 = {};
 var PanneauProvider = function PanneauProvider(_ref8) {
   var definition = _ref8.definition,
-      children = _ref8.children;
+    children = _ref8.children;
   return /*#__PURE__*/React__default["default"].createElement(PanneauContext.Provider, {
     value: definition
   }, children);
@@ -1080,7 +1046,7 @@ var propTypes$3 = {
 var defaultProps$3 = {};
 var ResourceProvider = function ResourceProvider(_ref) {
   var resource = _ref.resource,
-      children = _ref.children;
+    children = _ref.children;
   return /*#__PURE__*/React__default["default"].createElement(ResourceContext.Provider, {
     value: resource
   }, children);
@@ -1092,18 +1058,16 @@ ResourceProvider.defaultProps = defaultProps$3;
 var RoutesContext = /*#__PURE__*/React__default["default"].createContext(null);
 var useRoutes = function useRoutes() {
   var _useContext = React.useContext(RoutesContext),
-      routes = _useContext.routes;
-
+    routes = _useContext.routes;
   return routes;
 };
 var useUrlGenerator = function useUrlGenerator() {
   var _useContext2 = React.useContext(RoutesContext),
-      routes = _useContext2.routes,
-      basePath = _useContext2.basePath;
-
+    routes = _useContext2.routes,
+    basePath = _useContext2.basePath;
   var urlGenerator = React.useCallback(function (key, data) {
-    var url = reactRouter.generatePath(routes[key], data); // console.log('urlGenerator', basePath, routes[key], url, data);
-
+    var url = reactRouter.generatePath(routes[key], data);
+    // console.log('urlGenerator', basePath, routes[key], url, data);
     return basePath !== null ? "".concat(basePath.replace(/\/$/, ''), "/").concat(url.replace(/^\//, '')) : url;
   }, [reactRouter.generatePath, routes, basePath]);
   return urlGenerator;
@@ -1115,18 +1079,15 @@ var useRoutePush = function useRoutePush() {
     for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
       args[_key - 2] = arguments[_key];
     }
-
     if (isString__default["default"](route)) {
       var _history;
-
       (_history = history).push.apply(_history, [url(route, data)].concat(args));
     } else {
       var _ref = route || {},
-          _ref$pathname = _ref.pathname,
-          pathname = _ref$pathname === void 0 ? null : _ref$pathname,
-          _ref$search = _ref.search,
-          search = _ref$search === void 0 ? null : _ref$search;
-
+        _ref$pathname = _ref.pathname,
+        pathname = _ref$pathname === void 0 ? null : _ref$pathname,
+        _ref$search = _ref.search,
+        search = _ref$search === void 0 ? null : _ref$search;
       navigate.apply(void 0, [{
         pathname: url(pathname, data),
         search: search
@@ -1155,8 +1116,8 @@ var defaultProps$2 = {
 };
 var RoutesProvider = function RoutesProvider(_ref2) {
   var routes = _ref2.routes,
-      basePath = _ref2.basePath,
-      children = _ref2.children;
+    basePath = _ref2.basePath,
+    children = _ref2.children;
   return /*#__PURE__*/React__default["default"].createElement(RoutesContext.Provider, {
     value: {
       routes: routes,
@@ -1180,14 +1141,13 @@ var defaultProps$1 = {
 };
 var TrackingProvider = function TrackingProvider(_ref) {
   var variables = _ref.variables,
-      children = _ref.children;
+    children = _ref.children;
   var contextTracking = useTracking() || null;
   var tracking$1 = React.useMemo(function () {
     if (contextTracking !== null) {
       contextTracking.setVariables(variables);
       return contextTracking;
     }
-
     return new core.Tracking({
       variables: variables
     });
@@ -1202,31 +1162,61 @@ TrackingProvider.defaultProps = defaultProps$1;
 /**
  * Locale loader
  */
+var loaders = {};
+var events = new EventEmitter__default["default"]();
+function loadPackage(name, loader) {
+  if (typeof loaders[name] === 'undefined') {
+    loaders[name] = {
+      loader: loader().then(function (response) {
+        loaders[name].loader = null;
+        loaders[name].loaded = true;
+        loaders[name].resource = response;
+        events.emit("loaded:".concat(name), response);
+        return response;
+      }),
+      loaded: false,
+      resource: null
+    };
+  }
+  return new Promise(function (resolve) {
+    var _ref = loaders[name] || {},
+      _ref$loaded = _ref.loaded,
+      loaded = _ref$loaded === void 0 ? false : _ref$loaded,
+      resource = _ref.resource;
+    if (loaded === true) {
+      resolve(resource);
+    } else {
+      events.once("loaded:".concat(name), function (response) {
+        resolve(response);
+      });
+    }
+  });
+}
 
+/**
+ * Locale loader
+ */
 var packageCache = null;
-
 var useUppyCore = function useUppyCore() {
   // transport
   var _useState = React.useState({
-    "package": packageCache
-  }),
-      _useState2 = _slicedToArray__default["default"](_useState, 2),
-      loadedPackage = _useState2[0]["package"],
-      setLoadedPackage = _useState2[1];
-
+      "package": packageCache
+    }),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    loadedPackage = _useState2[0]["package"],
+    setLoadedPackage = _useState2[1];
   React.useEffect(function () {
     var canceled = false;
-
     if (loadedPackage !== null) {
       return function () {
         canceled = true;
       };
     }
-
-    Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/core')); }).then(function (_ref) {
+    loadPackage('@uppy/core', function () {
+      return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/core')); });
+    }).then(function (_ref) {
       var Uppy = _ref["default"];
       packageCache = Uppy;
-
       if (!canceled) {
         setLoadedPackage({
           "package": Uppy
@@ -1243,42 +1233,39 @@ var useUppyCore = function useUppyCore() {
 /**
  * Locale loader
  */
-
 var packagesCache$2 = {};
 var defaultPackagesMap$2 = {
   fr: function fr() {
-    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/locales/lib/fr_FR')); });
+    return loadPackage('@uppy/locales/lib/fr_FR', function () {
+      return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/locales/lib/fr_FR')); });
+    });
   },
   en: function en() {
-    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/locales/lib/en_US')); });
+    return loadPackage('@uppy/locales/lib/en_US', function () {
+      return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/locales/lib/en_US')); });
+    });
   }
 };
-
 var useUppyLocale = function useUppyLocale(locale) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      _ref$packagesMap = _ref.packagesMap,
-      packagesMap = _ref$packagesMap === void 0 ? defaultPackagesMap$2 : _ref$packagesMap;
-
+    _ref$packagesMap = _ref.packagesMap,
+    packagesMap = _ref$packagesMap === void 0 ? defaultPackagesMap$2 : _ref$packagesMap;
   var _useState = React.useState({
-    "package": packagesCache$2[locale] || null
-  }),
-      _useState2 = _slicedToArray__default["default"](_useState, 2),
-      loadedPackage = _useState2[0]["package"],
-      setLoadedPackage = _useState2[1];
-
+      "package": packagesCache$2[locale] || null
+    }),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    loadedPackage = _useState2[0]["package"],
+    setLoadedPackage = _useState2[1];
   var packageLoader = packagesMap[locale] || null;
   React.useEffect(function () {
     var canceled = false;
-
     if (loadedPackage !== null || packageLoader === null) {
       return function () {
         canceled = true;
       };
     }
-
     packageLoader().then(function (_ref2) {
       var dep = _ref2["default"];
-
       // packagesCache[locale] = dep;
       if (!canceled) {
         setLoadedPackage({
@@ -1294,55 +1281,59 @@ var useUppyLocale = function useUppyLocale(locale) {
 };
 
 var _excluded$2 = ["default"];
+
 /**
  * Locale loader
  */
-
 var packagesCache$1 = {};
 var defaultPackagesMap$1 = {
   webcam: function webcam() {
-    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/webcam')); });
+    return loadPackage('@uppy/webcam', function () {
+      return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/webcam')); });
+    });
   },
   facebook: function facebook() {
-    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/facebook')); });
+    return loadPackage('@uppy/facebook', function () {
+      return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/facebook')); });
+    });
   },
   instagram: function instagram() {
-    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/instagram')); });
+    return loadPackage('@uppy/instagram', function () {
+      return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/instagram')); });
+    });
   },
   dropbox: function dropbox() {
-    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/dropbox')); });
+    return loadPackage('@uppy/dropbox', function () {
+      return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/dropbox')); });
+    });
   },
   'google-drive': function googleDrive() {
-    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/google-drive')); });
+    return loadPackage('@uppy/google-drive', function () {
+      return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/google-drive')); });
+    });
   }
 };
-
 var useUppySources = function useUppySources(sources) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      _ref$packagesMap = _ref.packagesMap,
-      packagesMap = _ref$packagesMap === void 0 ? defaultPackagesMap$1 : _ref$packagesMap;
-
+    _ref$packagesMap = _ref.packagesMap,
+    packagesMap = _ref$packagesMap === void 0 ? defaultPackagesMap$1 : _ref$packagesMap;
   // transport
   var _useState = React.useState({
-    packages: sources.reduce(function (map, source) {
-      var sourcePackage = packagesCache$1[source] || null;
-
-      if (sourcePackage === null) {
-        return map;
-      }
-
-      return _objectSpread__default["default"](_objectSpread__default["default"]({}, map), {}, _defineProperty__default["default"]({}, source, sourcePackage));
-    }, null)
-  }),
-      _useState2 = _slicedToArray__default["default"](_useState, 2),
-      loadedPackages = _useState2[0].packages,
-      setLoadedPackages = _useState2[1];
-
+      packages: sources.reduce(function (map, source) {
+        var sourcePackage = packagesCache$1[source] || null;
+        if (sourcePackage === null) {
+          return map;
+        }
+        return _objectSpread__default["default"](_objectSpread__default["default"]({}, map), {}, _defineProperty__default["default"]({}, source, sourcePackage));
+      }, null)
+    }),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    loadedPackages = _useState2[0].packages,
+    setLoadedPackages = _useState2[1];
   var sourcesToLoad = React.useMemo(function () {
     if (loadedPackages === null) {
       return sources;
     }
-
     var sourcesLoaded = Object.keys(loadedPackages);
     return sources.filter(function (source) {
       return sourcesLoaded.indexOf(source) === -1;
@@ -1350,13 +1341,11 @@ var useUppySources = function useUppySources(sources) {
   }, [sources, loadedPackages]);
   React.useEffect(function () {
     var canceled = false;
-
     if (sourcesToLoad.length === 0) {
       return function () {
         canceled = true;
       };
     }
-
     Promise.all(sourcesToLoad.map(function (source) {
       return packagesMap[source] || null;
     }).filter(function (it) {
@@ -1366,17 +1355,14 @@ var useUppySources = function useUppySources(sources) {
     })).then(function (packagesLoaded) {
       var newLoadedPackages = sourcesToLoad.reduce(function (map, source, index) {
         var _packagesLoaded$index = packagesLoaded[index],
-            pack = _packagesLoaded$index["default"],
-            others = _objectWithoutProperties__default["default"](_packagesLoaded$index, _excluded$2);
-
+          pack = _packagesLoaded$index["default"],
+          others = _objectWithoutProperties__default["default"](_packagesLoaded$index, _excluded$2);
         return _objectSpread__default["default"](_objectSpread__default["default"]({}, map), {}, _defineProperty__default["default"]({}, source, Object.keys(others).reduce(function (otherMap, key) {
           otherMap[key] = others[key]; // eslint-disable-line no-param-reassign
-
           return otherMap;
         }, pack)));
       }, {});
       packagesCache$1 = _objectSpread__default["default"](_objectSpread__default["default"]({}, packagesCache$1), newLoadedPackages);
-
       if (!canceled) {
         setLoadedPackages({
           packages: newLoadedPackages
@@ -1391,57 +1377,55 @@ var useUppySources = function useUppySources(sources) {
 };
 
 var _excluded$1 = ["default"];
+
 /**
  * Locale loader
  */
-
 var packagesCache = {};
 var defaultPackagesMap = {
   transloadit: function transloadit() {
-    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/transloadit')); });
+    return loadPackage('@uppy/transloadit', function () {
+      return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/transloadit')); });
+    });
   },
   tus: function tus() {
-    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/tus')); });
+    return loadPackage('@uppy/tus', function () {
+      return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/tus')); });
+    });
   },
   xhr: function xhr() {
-    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/xhr-upload')); });
+    return loadPackage('@uppy/xhr-upload', function () {
+      return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/xhr-upload')); });
+    });
   }
 };
-
 var useUppyTransport = function useUppyTransport(transport) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      _ref$packagesMap = _ref.packagesMap,
-      packagesMap = _ref$packagesMap === void 0 ? defaultPackagesMap : _ref$packagesMap;
-
+    _ref$packagesMap = _ref.packagesMap,
+    packagesMap = _ref$packagesMap === void 0 ? defaultPackagesMap : _ref$packagesMap;
   // transport
   var _useState = React.useState({
-    "package": packagesCache[transport] || null
-  }),
-      _useState2 = _slicedToArray__default["default"](_useState, 2),
-      loadedPackage = _useState2[0]["package"],
-      setLoadedPackage = _useState2[1];
-
+      "package": packagesCache[transport] || null
+    }),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    loadedPackage = _useState2[0]["package"],
+    setLoadedPackage = _useState2[1];
   var packageLoader = packagesMap[transport] || null;
   React.useEffect(function () {
     var canceled = false;
-
     if (loadedPackage !== null || packageLoader === null) {
       return function () {
         canceled = true;
       };
     }
-
     packageLoader().then(function (_ref2) {
       var pack = _ref2["default"],
-          others = _objectWithoutProperties__default["default"](_ref2, _excluded$1);
-
+        others = _objectWithoutProperties__default["default"](_ref2, _excluded$1);
       var dep = Object.keys(others).reduce(function (map, key) {
         map[key] = others[key]; // eslint-disable-line no-param-reassign
-
         return map;
       }, pack);
       packagesCache[transport] = dep;
-
       if (!canceled) {
         setLoadedPackage({
           "package": dep
@@ -1476,7 +1460,6 @@ var convertToMedia = function convertToMedia(it) {
     })
   };
 };
-
 var getTransloaditMediasFromResponse = function getTransloaditMediasFromResponse(response) {
   return response.successful.map(function (it) {
     var transloadit = response.transloadit.find(function (subIt) {
@@ -1499,37 +1482,35 @@ var getTransloaditMediasFromResponse = function getTransloaditMediasFromResponse
 };
 
 var _excluded = ["sources"],
-    _excluded2 = ["key", "templateId", "waitForEncoding"];
+  _excluded2 = ["key", "templateId", "waitForEncoding"];
 var UppyContext = /*#__PURE__*/React__default["default"].createContext(null);
 var useUppy = function useUppy() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$onComplete = _ref.onComplete,
-      onComplete = _ref$onComplete === void 0 ? null : _ref$onComplete,
-      _ref$onFail = _ref.onFail,
-      onFail = _ref$onFail === void 0 ? null : _ref$onFail,
-      _ref$getFileName = _ref.getFileName,
-      getFileName = _ref$getFileName === void 0 ? function (_ref2) {
-    var _ref2$extension = _ref2.extension,
+    _ref$onComplete = _ref.onComplete,
+    onComplete = _ref$onComplete === void 0 ? null : _ref$onComplete,
+    _ref$onFail = _ref.onFail,
+    onFail = _ref$onFail === void 0 ? null : _ref$onFail,
+    _ref$getFileName = _ref.getFileName,
+    getFileName = _ref$getFileName === void 0 ? function (_ref2) {
+      var _ref2$extension = _ref2.extension,
         extension = _ref2$extension === void 0 ? null : _ref2$extension;
-    return "".concat(uuid.v1()).concat(extension !== null ? ".".concat(extension) : '');
-  } : _ref$getFileName,
-      _ref$meta = _ref.meta,
-      meta = _ref$meta === void 0 ? null : _ref$meta,
-      _ref$allowMultipleUpl = _ref.allowMultipleUploads,
-      allowMultipleUploads = _ref$allowMultipleUpl === void 0 ? false : _ref$allowMultipleUpl,
-      _ref$maxNumberOfFiles = _ref.maxNumberOfFiles,
-      maxNumberOfFiles = _ref$maxNumberOfFiles === void 0 ? 1 : _ref$maxNumberOfFiles,
-      _ref$allowedFileTypes = _ref.allowedFileTypes,
-      allowedFileTypes = _ref$allowedFileTypes === void 0 ? null : _ref$allowedFileTypes,
-      _ref$autoProceed = _ref.autoProceed,
-      autoProceed = _ref$autoProceed === void 0 ? false : _ref$autoProceed,
-      _ref$debug = _ref.debug,
-      debug = _ref$debug === void 0 ? false : _ref$debug;
-
+      return "".concat(uuid.v1()).concat(extension !== null ? ".".concat(extension) : '');
+    } : _ref$getFileName,
+    _ref$meta = _ref.meta,
+    meta = _ref$meta === void 0 ? null : _ref$meta,
+    _ref$allowMultipleUpl = _ref.allowMultipleUploads,
+    allowMultipleUploads = _ref$allowMultipleUpl === void 0 ? false : _ref$allowMultipleUpl,
+    _ref$maxNumberOfFiles = _ref.maxNumberOfFiles,
+    maxNumberOfFiles = _ref$maxNumberOfFiles === void 0 ? 1 : _ref$maxNumberOfFiles,
+    _ref$allowedFileTypes = _ref.allowedFileTypes,
+    allowedFileTypes = _ref$allowedFileTypes === void 0 ? null : _ref$allowedFileTypes,
+    _ref$autoProceed = _ref.autoProceed,
+    autoProceed = _ref$autoProceed === void 0 ? false : _ref$autoProceed,
+    _ref$debug = _ref.debug,
+    debug = _ref$debug === void 0 ? false : _ref$debug;
   var _ref3 = React.useContext(UppyContext) || null,
-      buildUppy = _ref3.buildUppy,
-      transport = _ref3.transport;
-
+    buildUppy = _ref3.buildUppy,
+    transport = _ref3.transport;
   var uppy = React.useMemo(function () {
     return buildUppy !== null ? buildUppy({
       meta: meta,
@@ -1546,23 +1527,19 @@ var useUppy = function useUppy() {
     if (uppy === null) {
       return function () {};
     }
-
     var onUppyComplete = function onUppyComplete(response) {
       var _response$successful = response.successful,
-          successful = _response$successful === void 0 ? [] : _response$successful,
-          _response$failed = response.failed,
-          failed = _response$failed === void 0 ? null : _response$failed;
+        successful = _response$successful === void 0 ? [] : _response$successful,
+        _response$failed = response.failed,
+        failed = _response$failed === void 0 ? null : _response$failed;
       var finalSuccessful = transport === 'transloadit' ? getTransloaditMediasFromResponse(response) : successful;
-
       if (onComplete !== null) {
         onComplete(finalSuccessful);
       }
-
       if (onFail !== null) {
         onFail(failed);
       }
     };
-
     uppy.on('complete', onUppyComplete);
     return function () {
       uppy.off('complete', onUppyComplete);
@@ -1572,14 +1549,12 @@ var useUppy = function useUppy() {
     if (uppy === null) {
       return function () {};
     }
-
     var onUpload = function onUpload(_ref4) {
       var _ref4$fileIDs = _ref4.fileIDs,
-          ids = _ref4$fileIDs === void 0 ? [] : _ref4$fileIDs;
+        ids = _ref4$fileIDs === void 0 ? [] : _ref4$fileIDs;
       ids.forEach(function (id) {
         var file = uppy.getFile(id);
         var newName = getFileName(file);
-
         if (newName !== null) {
           uppy.setFileMeta(id, {
             name: newName
@@ -1587,7 +1562,6 @@ var useUppy = function useUppy() {
         }
       });
     };
-
     uppy.on('upload', onUpload);
     return function () {
       uppy.off('upload', onUpload);
@@ -1636,34 +1610,31 @@ var defaultProps = {
 };
 var UppyProvider = function UppyProvider(_ref5) {
   var id = _ref5.id,
-      children = _ref5.children,
-      providedTransport = _ref5.transport,
-      providedLocale = _ref5.locale,
-      providedSources = _ref5.sources,
-      providedTransloadit = _ref5.transloadit,
-      providedCompanion = _ref5.companion,
-      providedTus = _ref5.tus,
-      providedXhr = _ref5.xhr;
-
+    children = _ref5.children,
+    providedTransport = _ref5.transport,
+    providedLocale = _ref5.locale,
+    providedSources = _ref5.sources,
+    providedTransloadit = _ref5.transloadit,
+    providedCompanion = _ref5.companion,
+    providedTus = _ref5.tus,
+    providedXhr = _ref5.xhr;
   var _useIntl = reactIntl.useIntl(),
-      intlLocale = _useIntl.locale;
-
+    intlLocale = _useIntl.locale;
   var _ref6 = React.useContext(UppyContext) || {},
-      _ref6$transport = _ref6.transport,
-      contextTransport = _ref6$transport === void 0 ? null : _ref6$transport,
-      _ref6$locale = _ref6.locale,
-      contextLocale = _ref6$locale === void 0 ? null : _ref6$locale,
-      _ref6$sources = _ref6.sources,
-      contextSources = _ref6$sources === void 0 ? null : _ref6$sources,
-      _ref6$transloadit = _ref6.transloadit,
-      contextTransloadit = _ref6$transloadit === void 0 ? null : _ref6$transloadit,
-      _ref6$companion = _ref6.companion,
-      contextCompanion = _ref6$companion === void 0 ? null : _ref6$companion,
-      _ref6$tus = _ref6.tus,
-      contextTus = _ref6$tus === void 0 ? null : _ref6$tus,
-      _ref6$xhr = _ref6.xhr,
-      contextXhr = _ref6$xhr === void 0 ? null : _ref6$xhr;
-
+    _ref6$transport = _ref6.transport,
+    contextTransport = _ref6$transport === void 0 ? null : _ref6$transport,
+    _ref6$locale = _ref6.locale,
+    contextLocale = _ref6$locale === void 0 ? null : _ref6$locale,
+    _ref6$sources = _ref6.sources,
+    contextSources = _ref6$sources === void 0 ? null : _ref6$sources,
+    _ref6$transloadit = _ref6.transloadit,
+    contextTransloadit = _ref6$transloadit === void 0 ? null : _ref6$transloadit,
+    _ref6$companion = _ref6.companion,
+    contextCompanion = _ref6$companion === void 0 ? null : _ref6$companion,
+    _ref6$tus = _ref6.tus,
+    contextTus = _ref6$tus === void 0 ? null : _ref6$tus,
+    _ref6$xhr = _ref6.xhr,
+    contextXhr = _ref6$xhr === void 0 ? null : _ref6$xhr;
   var transport = providedTransport || contextTransport || 'xhr';
   var locale = providedLocale || contextLocale || intlLocale;
   var sources = providedSources || contextSources || ['webcam', 'facebook', 'instagram', 'dropbox', 'google-drive'];
@@ -1679,27 +1650,22 @@ var UppyProvider = function UppyProvider(_ref5) {
     if (Uppy === null || uppyLocale === null || uppyTransport === null || uppySources === null) {
       return null;
     }
-
     return function () {
       var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
       var _ref7 = opts || {},
-          _ref7$sources = _ref7.sources,
-          customSources = _ref7$sources === void 0 ? sources : _ref7$sources,
-          uppyOpts = _objectWithoutProperties__default["default"](_ref7, _excluded);
-
+        _ref7$sources = _ref7.sources,
+        customSources = _ref7$sources === void 0 ? sources : _ref7$sources,
+        uppyOpts = _objectWithoutProperties__default["default"](_ref7, _excluded);
       var newUppy = new Uppy(_objectSpread__default["default"]({
         id: id,
         locale: uppyLocale
       }, uppyOpts));
-
       if (transport === 'transloadit') {
         var key = transloadit.key,
-            templateId = transloadit.templateId,
-            _transloadit$waitForE = transloadit.waitForEncoding,
-            waitForEncoding = _transloadit$waitForE === void 0 ? true : _transloadit$waitForE,
-            transloaditOpts = _objectWithoutProperties__default["default"](transloadit, _excluded2);
-
+          templateId = transloadit.templateId,
+          _transloadit$waitForE = transloadit.waitForEncoding,
+          waitForEncoding = _transloadit$waitForE === void 0 ? true : _transloadit$waitForE,
+          transloaditOpts = _objectWithoutProperties__default["default"](transloadit, _excluded2);
         newUppy.use(uppyTransport, {
           params: _objectSpread__default["default"]({
             auth: {
@@ -1720,22 +1686,18 @@ var UppyProvider = function UppyProvider(_ref5) {
           endpoint: isString__default["default"](xhr) ? xhr : '/upload'
         }, isObject__default["default"](xhr) ? xhr : null));
       }
-
       if (transport === 'transloadit' || companion !== null) {
         return customSources.reduce(function (currentUppy, sourceId) {
           var source = uppySources[sourceId] || null;
-
           if (source === null) {
             return currentUppy;
           }
-
           var _ref8 = companion || {
-            url: uppyTransport.COMPANION || null,
-            allowedHosts: uppyTransport.COMPANION_PATTERN || null
-          },
-              companionUrl = _ref8.url,
-              companionAllowedHosts = _ref8.allowedHosts;
-
+              url: uppyTransport.COMPANION || null,
+              allowedHosts: uppyTransport.COMPANION_PATTERN || null
+            },
+            companionUrl = _ref8.url,
+            companionAllowedHosts = _ref8.allowedHosts;
           return newUppy.use(source, {
             id: sourceId,
             companionUrl: companionUrl,
@@ -1743,7 +1705,6 @@ var UppyProvider = function UppyProvider(_ref5) {
           });
         }, newUppy);
       }
-
       return newUppy;
     };
   }, [id, Uppy, uppyLocale, uppyTransport, uppySources, transport, sources, transloadit, companion, tus, xhr]);
@@ -1800,6 +1761,7 @@ exports.LocalesProvider = LocalesProvider;
 exports.MODALS_NAMESPACE = MODALS_NAMESPACE;
 exports.ModalsContext = ModalsContext;
 exports.ModalsProvider = ModalsProvider;
+exports.PAGES_NAMESPACE = PAGES_NAMESPACE;
 exports.PanelsContext = PanelsContext;
 exports.PanelsProvider = PanelsProvider;
 exports.PanneauProvider = PanneauProvider;
@@ -1849,6 +1811,9 @@ exports.useModals = useModals;
 exports.useModalsComponents = useModalsComponents;
 exports.useModalsComponentsManager = useModalsComponentsManager;
 exports.useOtherLocales = useOtherLocales;
+exports.usePageComponent = usePageComponent;
+exports.usePagesComponents = usePagesComponents;
+exports.usePagesComponentsManager = usePagesComponentsManager;
 exports.usePanels = usePanels;
 exports.usePanneau = usePanneau;
 exports.usePanneauAuth = usePanneauAuth;