@micromag/data 0.3.541 → 0.3.547

package/lib/index.js

@@ -1,1685 +0,0 @@
-'use strict';
-
-var PropTypes = require('prop-types');
-var React = require('react');
-var _createClass = require('@babel/runtime/helpers/createClass');
-var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
-var _callSuper = require('@babel/runtime/helpers/callSuper');
-var _inherits = require('@babel/runtime/helpers/inherits');
-var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
-var fetch = require('@folklore/fetch');
-var pathToRegexp = require('path-to-regexp');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var _createForOfIteratorHelper = require('@babel/runtime/helpers/createForOfIteratorHelper');
-var _typeof = require('@babel/runtime/helpers/typeof');
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var isString = require('lodash/isString');
-var contexts = require('@micromag/core/contexts');
-
-({
-  children: PropTypes.node.isRequired,
-  routes: PropTypes.objectOf(PropTypes.string).isRequired,
-  basePath: PropTypes.string
-});
-var compilers = {};
-function generatePath(fullPath, data) {
-  var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var fullUrlMatches = fullPath.match(/^(https?:\/\/)/);
-  if (typeof compilers[fullPath] === 'undefined') {
-    compilers[fullPath] = pathToRegexp.compile(fullPath.replace(/^(https?:\/\/)/, ''), opts);
-  }
-  var compiler = compilers[fullPath];
-  return fullUrlMatches !== null ? "".concat(fullUrlMatches[1]).concat(compiler(data)) : compiler(data);
-}
-
-var token = '%[a-f0-9]{2}';
-var singleMatcher = new RegExp('(' + token + ')|([^%]+?)', 'gi');
-var multiMatcher = new RegExp('(' + token + ')+', 'gi');
-function decodeComponents(components, split) {
-  try {
-    // Try to decode the entire string first
-    return [decodeURIComponent(components.join(''))];
-  } catch (_unused) {
-    // Do nothing
-  }
-  if (components.length === 1) {
-    return components;
-  }
-  split = split || 1;
-
-  // Split the array in 2 parts
-  var left = components.slice(0, split);
-  var right = components.slice(split);
-  return Array.prototype.concat.call([], decodeComponents(left), decodeComponents(right));
-}
-function decode$1(input) {
-  try {
-    return decodeURIComponent(input);
-  } catch (_unused2) {
-    var tokens = input.match(singleMatcher) || [];
-    for (var i = 1; i < tokens.length; i++) {
-      input = decodeComponents(tokens, i).join('');
-      tokens = input.match(singleMatcher) || [];
-    }
-    return input;
-  }
-}
-function customDecodeURIComponent(input) {
-  // Keep track of all the replacements and prefill the map with the `BOM`
-  var replaceMap = {
-    '%FE%FF': "\uFFFD\uFFFD",
-    '%FF%FE': "\uFFFD\uFFFD"
-  };
-  var match = multiMatcher.exec(input);
-  while (match) {
-    try {
-      // Decode as big chunks as possible
-      replaceMap[match[0]] = decodeURIComponent(match[0]);
-    } catch (_unused3) {
-      var result = decode$1(match[0]);
-      if (result !== match[0]) {
-        replaceMap[match[0]] = result;
-      }
-    }
-    match = multiMatcher.exec(input);
-  }
-
-  // Add `%C2` at the end of the map to make sure it does not replace the combinator before everything else
-  replaceMap['%C2'] = "\uFFFD";
-  var entries = Object.keys(replaceMap);
-  for (var _i = 0, _entries = entries; _i < _entries.length; _i++) {
-    var key = _entries[_i];
-    // Replace all decoded components
-    input = input.replace(new RegExp(key, 'g'), replaceMap[key]);
-  }
-  return input;
-}
-function decodeUriComponent(encodedURI) {
-  if (typeof encodedURI !== 'string') {
-    throw new TypeError('Expected `encodedURI` to be of type `string`, got `' + _typeof(encodedURI) + '`');
-  }
-  try {
-    // Try the built in decoder first
-    return decodeURIComponent(encodedURI);
-  } catch (_unused4) {
-    // Fallback to a more advanced decoder
-    return customDecodeURIComponent(encodedURI);
-  }
-}
-
-function splitOnFirst(string, separator) {
-  if (!(typeof string === 'string' && typeof separator === 'string')) {
-    throw new TypeError('Expected the arguments to be of type `string`');
-  }
-  if (string === '' || separator === '') {
-    return [];
-  }
-  var separatorIndex = string.indexOf(separator);
-  if (separatorIndex === -1) {
-    return [];
-  }
-  return [string.slice(0, separatorIndex), string.slice(separatorIndex + separator.length)];
-}
-
-function includeKeys(object, predicate) {
-  var result = {};
-  if (Array.isArray(predicate)) {
-    var _iterator = _createForOfIteratorHelper(predicate),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var key = _step.value;
-        var descriptor = Object.getOwnPropertyDescriptor(object, key);
-        if (descriptor !== null && descriptor !== void 0 && descriptor.enumerable) {
-          Object.defineProperty(result, key, descriptor);
-        }
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-  } else {
-    // `Reflect.ownKeys()` is required to retrieve symbol properties
-    var _iterator2 = _createForOfIteratorHelper(Reflect.ownKeys(object)),
-      _step2;
-    try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var _key = _step2.value;
-        var _descriptor = Object.getOwnPropertyDescriptor(object, _key);
-        if (_descriptor.enumerable) {
-          var value = object[_key];
-          if (predicate(_key, value, object)) {
-            Object.defineProperty(result, _key, _descriptor);
-          }
-        }
-      }
-    } catch (err) {
-      _iterator2.e(err);
-    } finally {
-      _iterator2.f();
-    }
-  }
-  return result;
-}
-
-var isNullOrUndefined = function isNullOrUndefined(value) {
-  return value === null || value === undefined;
-};
-
-// eslint-disable-next-line unicorn/prefer-code-point
-var strictUriEncode = function strictUriEncode(string) {
-  return encodeURIComponent(string).replaceAll(/[!'()*]/g, function (x) {
-    return "%".concat(x.charCodeAt(0).toString(16).toUpperCase());
-  });
-};
-var encodeFragmentIdentifier = Symbol('encodeFragmentIdentifier');
-function encoderForArrayFormat(options) {
-  switch (options.arrayFormat) {
-    case 'index':
-      {
-        return function (key) {
-          return function (result, value) {
-            var index = result.length;
-            if (value === undefined || options.skipNull && value === null || options.skipEmptyString && value === '') {
-              return result;
-            }
-            if (value === null) {
-              return [].concat(_toConsumableArray(result), [[encode(key, options), '[', index, ']'].join('')]);
-            }
-            return [].concat(_toConsumableArray(result), [[encode(key, options), '[', encode(index, options), ']=', encode(value, options)].join('')]);
-          };
-        };
-      }
-    case 'bracket':
-      {
-        return function (key) {
-          return function (result, value) {
-            if (value === undefined || options.skipNull && value === null || options.skipEmptyString && value === '') {
-              return result;
-            }
-            if (value === null) {
-              return [].concat(_toConsumableArray(result), [[encode(key, options), '[]'].join('')]);
-            }
-            return [].concat(_toConsumableArray(result), [[encode(key, options), '[]=', encode(value, options)].join('')]);
-          };
-        };
-      }
-    case 'colon-list-separator':
-      {
-        return function (key) {
-          return function (result, value) {
-            if (value === undefined || options.skipNull && value === null || options.skipEmptyString && value === '') {
-              return result;
-            }
-            if (value === null) {
-              return [].concat(_toConsumableArray(result), [[encode(key, options), ':list='].join('')]);
-            }
-            return [].concat(_toConsumableArray(result), [[encode(key, options), ':list=', encode(value, options)].join('')]);
-          };
-        };
-      }
-    case 'comma':
-    case 'separator':
-    case 'bracket-separator':
-      {
-        var keyValueSeparator = options.arrayFormat === 'bracket-separator' ? '[]=' : '=';
-        return function (key) {
-          return function (result, value) {
-            if (value === undefined || options.skipNull && value === null || options.skipEmptyString && value === '') {
-              return result;
-            }
-
-            // Translate null to an empty string so that it doesn't serialize as 'null'
-            value = value === null ? '' : value;
-            if (result.length === 0) {
-              return [[encode(key, options), keyValueSeparator, encode(value, options)].join('')];
-            }
-            return [[result, encode(value, options)].join(options.arrayFormatSeparator)];
-          };
-        };
-      }
-    default:
-      {
-        return function (key) {
-          return function (result, value) {
-            if (value === undefined || options.skipNull && value === null || options.skipEmptyString && value === '') {
-              return result;
-            }
-            if (value === null) {
-              return [].concat(_toConsumableArray(result), [encode(key, options)]);
-            }
-            return [].concat(_toConsumableArray(result), [[encode(key, options), '=', encode(value, options)].join('')]);
-          };
-        };
-      }
-  }
-}
-function parserForArrayFormat(options) {
-  var result;
-  switch (options.arrayFormat) {
-    case 'index':
-      {
-        return function (key, value, accumulator) {
-          result = /\[(\d*)]$/.exec(key);
-          key = key.replace(/\[\d*]$/, '');
-          if (!result) {
-            accumulator[key] = value;
-            return;
-          }
-          if (accumulator[key] === undefined) {
-            accumulator[key] = {};
-          }
-          accumulator[key][result[1]] = value;
-        };
-      }
-    case 'bracket':
-      {
-        return function (key, value, accumulator) {
-          result = /(\[])$/.exec(key);
-          key = key.replace(/\[]$/, '');
-          if (!result) {
-            accumulator[key] = value;
-            return;
-          }
-          if (accumulator[key] === undefined) {
-            accumulator[key] = [value];
-            return;
-          }
-          accumulator[key] = [].concat(_toConsumableArray(accumulator[key]), [value]);
-        };
-      }
-    case 'colon-list-separator':
-      {
-        return function (key, value, accumulator) {
-          result = /(:list)$/.exec(key);
-          key = key.replace(/:list$/, '');
-          if (!result) {
-            accumulator[key] = value;
-            return;
-          }
-          if (accumulator[key] === undefined) {
-            accumulator[key] = [value];
-            return;
-          }
-          accumulator[key] = [].concat(_toConsumableArray(accumulator[key]), [value]);
-        };
-      }
-    case 'comma':
-    case 'separator':
-      {
-        return function (key, value, accumulator) {
-          var isArray = typeof value === 'string' && value.includes(options.arrayFormatSeparator);
-          var isEncodedArray = typeof value === 'string' && !isArray && decode(value, options).includes(options.arrayFormatSeparator);
-          value = isEncodedArray ? decode(value, options) : value;
-          var newValue = isArray || isEncodedArray ? value.split(options.arrayFormatSeparator).map(function (item) {
-            return decode(item, options);
-          }) : value === null ? value : decode(value, options);
-          accumulator[key] = newValue;
-        };
-      }
-    case 'bracket-separator':
-      {
-        return function (key, value, accumulator) {
-          var isArray = /(\[])$/.test(key);
-          key = key.replace(/\[]$/, '');
-          if (!isArray) {
-            accumulator[key] = value ? decode(value, options) : value;
-            return;
-          }
-          var arrayValue = value === null ? [] : value.split(options.arrayFormatSeparator).map(function (item) {
-            return decode(item, options);
-          });
-          if (accumulator[key] === undefined) {
-            accumulator[key] = arrayValue;
-            return;
-          }
-          accumulator[key] = [].concat(_toConsumableArray(accumulator[key]), _toConsumableArray(arrayValue));
-        };
-      }
-    default:
-      {
-        return function (key, value, accumulator) {
-          if (accumulator[key] === undefined) {
-            accumulator[key] = value;
-            return;
-          }
-          accumulator[key] = [].concat(_toConsumableArray([accumulator[key]].flat()), [value]);
-        };
-      }
-  }
-}
-function validateArrayFormatSeparator(value) {
-  if (typeof value !== 'string' || value.length !== 1) {
-    throw new TypeError('arrayFormatSeparator must be single character string');
-  }
-}
-function encode(value, options) {
-  if (options.encode) {
-    return options.strict ? strictUriEncode(value) : encodeURIComponent(value);
-  }
-  return value;
-}
-function decode(value, options) {
-  if (options.decode) {
-    return decodeUriComponent(value);
-  }
-  return value;
-}
-function keysSorter(input) {
-  if (Array.isArray(input)) {
-    return input.sort();
-  }
-  if (_typeof(input) === 'object') {
-    return keysSorter(Object.keys(input)).sort(function (a, b) {
-      return Number(a) - Number(b);
-    }).map(function (key) {
-      return input[key];
-    });
-  }
-  return input;
-}
-function removeHash(input) {
-  var hashStart = input.indexOf('#');
-  if (hashStart !== -1) {
-    input = input.slice(0, hashStart);
-  }
-  return input;
-}
-function getHash(url) {
-  var hash = '';
-  var hashStart = url.indexOf('#');
-  if (hashStart !== -1) {
-    hash = url.slice(hashStart);
-  }
-  return hash;
-}
-function parseValue(value, options) {
-  if (options.parseNumbers && !Number.isNaN(Number(value)) && typeof value === 'string' && value.trim() !== '') {
-    value = Number(value);
-  } else if (options.parseBooleans && value !== null && (value.toLowerCase() === 'true' || value.toLowerCase() === 'false')) {
-    value = value.toLowerCase() === 'true';
-  }
-  return value;
-}
-function extract(input) {
-  input = removeHash(input);
-  var queryStart = input.indexOf('?');
-  if (queryStart === -1) {
-    return '';
-  }
-  return input.slice(queryStart + 1);
-}
-function parse(query, options) {
-  options = _objectSpread({
-    decode: true,
-    sort: true,
-    arrayFormat: 'none',
-    arrayFormatSeparator: ',',
-    parseNumbers: false,
-    parseBooleans: false
-  }, options);
-  validateArrayFormatSeparator(options.arrayFormatSeparator);
-  var formatter = parserForArrayFormat(options);
-
-  // Create an object with no prototype
-  var returnValue = Object.create(null);
-  if (typeof query !== 'string') {
-    return returnValue;
-  }
-  query = query.trim().replace(/^[?#&]/, '');
-  if (!query) {
-    return returnValue;
-  }
-  var _iterator = _createForOfIteratorHelper(query.split('&')),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var parameter = _step.value;
-      if (parameter === '') {
-        continue;
-      }
-      var parameter_ = options.decode ? parameter.replaceAll('+', ' ') : parameter;
-      var _splitOnFirst = splitOnFirst(parameter_, '='),
-        _splitOnFirst2 = _slicedToArray(_splitOnFirst, 2),
-        _key = _splitOnFirst2[0],
-        _value = _splitOnFirst2[1];
-      if (_key === undefined) {
-        _key = parameter_;
-      }
-
-      // Missing `=` should be `null`:
-      // http://w3.org/TR/2012/WD-url-20120524/#collect-url-parameters
-      _value = _value === undefined ? null : ['comma', 'separator', 'bracket-separator'].includes(options.arrayFormat) ? _value : decode(_value, options);
-      formatter(decode(_key, options), _value, returnValue);
-    }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
-  for (var _i = 0, _Object$entries = Object.entries(returnValue); _i < _Object$entries.length; _i++) {
-    var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
-      key = _Object$entries$_i[0],
-      value = _Object$entries$_i[1];
-    if (_typeof(value) === 'object' && value !== null) {
-      for (var _i2 = 0, _Object$entries2 = Object.entries(value); _i2 < _Object$entries2.length; _i2++) {
-        var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i2], 2),
-          key2 = _Object$entries2$_i[0],
-          value2 = _Object$entries2$_i[1];
-        value[key2] = parseValue(value2, options);
-      }
-    } else {
-      returnValue[key] = parseValue(value, options);
-    }
-  }
-  if (options.sort === false) {
-    return returnValue;
-  }
-
-  // TODO: Remove the use of `reduce`.
-  // eslint-disable-next-line unicorn/no-array-reduce
-  return (options.sort === true ? Object.keys(returnValue).sort() : Object.keys(returnValue).sort(options.sort)).reduce(function (result, key) {
-    var value = returnValue[key];
-    result[key] = Boolean(value) && _typeof(value) === 'object' && !Array.isArray(value) ? keysSorter(value) : value;
-    return result;
-  }, Object.create(null));
-}
-function stringify(object, options) {
-  if (!object) {
-    return '';
-  }
-  options = _objectSpread({
-    encode: true,
-    strict: true,
-    arrayFormat: 'none',
-    arrayFormatSeparator: ','
-  }, options);
-  validateArrayFormatSeparator(options.arrayFormatSeparator);
-  var shouldFilter = function shouldFilter(key) {
-    return options.skipNull && isNullOrUndefined(object[key]) || options.skipEmptyString && object[key] === '';
-  };
-  var formatter = encoderForArrayFormat(options);
-  var objectCopy = {};
-  for (var _i3 = 0, _Object$entries3 = Object.entries(object); _i3 < _Object$entries3.length; _i3++) {
-    var _Object$entries3$_i = _slicedToArray(_Object$entries3[_i3], 2),
-      key = _Object$entries3$_i[0],
-      value = _Object$entries3$_i[1];
-    if (!shouldFilter(key)) {
-      objectCopy[key] = value;
-    }
-  }
-  var keys = Object.keys(objectCopy);
-  if (options.sort !== false) {
-    keys.sort(options.sort);
-  }
-  return keys.map(function (key) {
-    var value = object[key];
-    if (value === undefined) {
-      return '';
-    }
-    if (value === null) {
-      return encode(key, options);
-    }
-    if (Array.isArray(value)) {
-      if (value.length === 0 && options.arrayFormat === 'bracket-separator') {
-        return encode(key, options) + '[]';
-      }
-      return value.reduce(formatter(key), []).join('&');
-    }
-    return encode(key, options) + '=' + encode(value, options);
-  }).filter(function (x) {
-    return x.length > 0;
-  }).join('&');
-}
-function parseUrl(url, options) {
-  var _url_$split$, _url_;
-  options = _objectSpread({
-    decode: true
-  }, options);
-  var _splitOnFirst3 = splitOnFirst(url, '#'),
-    _splitOnFirst4 = _slicedToArray(_splitOnFirst3, 2),
-    url_ = _splitOnFirst4[0],
-    hash = _splitOnFirst4[1];
-  if (url_ === undefined) {
-    url_ = url;
-  }
-  return _objectSpread({
-    url: (_url_$split$ = (_url_ = url_) === null || _url_ === void 0 || (_url_ = _url_.split('?')) === null || _url_ === void 0 ? void 0 : _url_[0]) !== null && _url_$split$ !== void 0 ? _url_$split$ : '',
-    query: parse(extract(url), options)
-  }, options && options.parseFragmentIdentifier && hash ? {
-    fragmentIdentifier: decode(hash, options)
-  } : {});
-}
-function stringifyUrl(object, options) {
-  options = _objectSpread(_defineProperty({
-    encode: true,
-    strict: true
-  }, encodeFragmentIdentifier, true), options);
-  var url = removeHash(object.url).split('?')[0] || '';
-  var queryFromUrl = extract(object.url);
-  var query = _objectSpread(_objectSpread({}, parse(queryFromUrl, {
-    sort: false
-  })), object.query);
-  var queryString = stringify(query, options);
-  queryString && (queryString = "?".concat(queryString));
-  var hash = getHash(object.url);
-  if (typeof object.fragmentIdentifier === 'string') {
-    var urlObjectForFragmentEncode = new URL(url);
-    urlObjectForFragmentEncode.hash = object.fragmentIdentifier;
-    hash = options[encodeFragmentIdentifier] ? urlObjectForFragmentEncode.hash : "#".concat(object.fragmentIdentifier);
-  }
-  return "".concat(url).concat(queryString).concat(hash);
-}
-function pick(input, filter, options) {
-  options = _objectSpread(_defineProperty({
-    parseFragmentIdentifier: true
-  }, encodeFragmentIdentifier, false), options);
-  var _parseUrl = parseUrl(input, options),
-    url = _parseUrl.url,
-    query = _parseUrl.query,
-    fragmentIdentifier = _parseUrl.fragmentIdentifier;
-  return stringifyUrl({
-    url: url,
-    query: includeKeys(query, filter),
-    fragmentIdentifier: fragmentIdentifier
-  }, options);
-}
-function exclude(input, filter, options) {
-  var exclusionFilter = Array.isArray(filter) ? function (key) {
-    return !filter.includes(key);
-  } : function (key, value) {
-    return !filter(key, value);
-  };
-  return pick(input, exclusionFilter, options);
-}
-
-var queryString = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  exclude: exclude,
-  extract: extract,
-  parse: parse,
-  parseUrl: parseUrl,
-  pick: pick,
-  stringify: stringify,
-  stringifyUrl: stringifyUrl
-});
-
-var Base = /*#__PURE__*/function () {
-  function Base() {
-    var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    _classCallCheck(this, Base);
-    this.options = _objectSpread(_objectSpread({
-      routes: {}
-    }, opts), {}, {
-      baseUrl: opts.baseUrl || 'https://micromag.ca/api'
-    });
-  }
-  return _createClass(Base, [{
-    key: "requestGet",
-    value: function requestGet(path) {
-      var query = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      var finalQueryString = query !== null ? queryString.stringify(query, {
-        arrayFormat: 'bracket'
-      }) : null;
-      return fetch.getJSON("".concat(this.getFullUrl(path)).concat(finalQueryString !== null && finalQueryString.length > 0 ? "?".concat(finalQueryString) : ''), {
-        credentials: 'include',
-        headers: fetch.getCSRFHeaders()
-      });
-    }
-  }, {
-    key: "requestPost",
-    value: function requestPost(path, data) {
-      return fetch.postJSON(this.getFullUrl(path), data, {
-        credentials: 'include',
-        headers: fetch.getCSRFHeaders()
-      });
-    }
-  }, {
-    key: "requestPut",
-    value: function requestPut(path, data) {
-      return fetch.postJSON(this.getFullUrl(path), _objectSpread({
-        _method: 'PUT'
-      }, data), {
-        credentials: 'include',
-        headers: fetch.getCSRFHeaders()
-      });
-    }
-  }, {
-    key: "requestDelete",
-    value: function requestDelete(path) {
-      return this.requestPost(path, {
-        _method: 'DELETE'
-      });
-    }
-  }, {
-    key: "route",
-    value: function route(_route, params) {
-      var routes = this.options.routes;
-      return generatePath(routes[_route] || _route, params);
-    }
-  }, {
-    key: "getFullUrl",
-    value: function getFullUrl(path) {
-      var baseUrl = this.options.baseUrl;
-      return "".concat(baseUrl.replace(/\/$/, ''), "/").concat(path.replace(/^\//, ''));
-    }
-  }]);
-}();
-var Base$1 = Base;
-
-var ContributionsApi = /*#__PURE__*/function (_Base) {
-  function ContributionsApi() {
-    var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    _classCallCheck(this, ContributionsApi);
-    return _callSuper(this, ContributionsApi, [_objectSpread(_objectSpread({}, opts), {}, {
-      routes: _objectSpread({
-        index: '/contributions/:screen',
-        store: '/contributions',
-        update: '/contributions/:contribution',
-        "delete": '/contributions/:contribution'
-      }, opts.routes || null)
-    })]);
-  }
-  _inherits(ContributionsApi, _Base);
-  return _createClass(ContributionsApi, [{
-    key: "get",
-    value: function get(id) {
-      var query = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      var page = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-      var count = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 10;
-      var finalQuery = _objectSpread({}, query);
-      if (page !== null) {
-        finalQuery.page = page;
-      }
-      if (count !== null) {
-        finalQuery.count = count;
-      }
-      return this.requestGet(this.route('index', {
-        screen: id
-      }), finalQuery);
-    }
-  }, {
-    key: "create",
-    value: function create(data) {
-      return this.requestPost(this.route('store'), data);
-    }
-  }]);
-}(Base$1);
-
-var MediasApi = /*#__PURE__*/function (_Base) {
-  function MediasApi() {
-    var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    _classCallCheck(this, MediasApi);
-    return _callSuper(this, MediasApi, [_objectSpread(_objectSpread({}, opts), {}, {
-      routes: _objectSpread({
-        index: 'medias',
-        tags: 'medias/tags',
-        authors: 'medias/authors',
-        requestDelete: 'medias/requestDelete/:media',
-        show: 'medias/:media',
-        store: 'medias',
-        update: 'medias/:media',
-        "delete": 'medias/:media'
-      }, opts.routes || null)
-    })]);
-  }
-  _inherits(MediasApi, _Base);
-  return _createClass(MediasApi, [{
-    key: "find",
-    value: function find(id) {
-      return this.requestGet(this.route('show', {
-        media: id
-      }));
-    }
-  }, {
-    key: "get",
-    value: function get() {
-      var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var page = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-      var count = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
-      var finalQuery = _objectSpread({}, query);
-      if (page !== null) {
-        finalQuery.page = page;
-      }
-      if (count !== null) {
-        finalQuery.count = count;
-      }
-      return this.requestGet(this.route('index'), finalQuery);
-    }
-  }, {
-    key: "getTags",
-    value: function getTags() {
-      var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var count = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10;
-      var finalQuery = _objectSpread({}, query);
-      if (count !== null) {
-        finalQuery.count = count;
-      }
-      return this.requestGet(this.route('tags'), finalQuery);
-    }
-  }, {
-    key: "getAuthors",
-    value: function getAuthors() {
-      var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var count = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10;
-      var finalQuery = _objectSpread({}, query);
-      if (count !== null) {
-        finalQuery.count = count;
-      }
-      return this.requestGet(this.route('authors'), finalQuery);
-    }
-  }, {
-    key: "create",
-    value: function create(data) {
-      return this.requestPost(this.route('store'), data);
-    }
-  }, {
-    key: "update",
-    value: function update(id, data) {
-      return this.requestPut(this.route('update', {
-        media: id
-      }), data);
-    }
-  }, {
-    key: "requestDeleteMedia",
-    value: function requestDeleteMedia(id) {
-      return this.requestPost(this.route('requestDelete', {
-        media: id
-      }));
-    }
-  }, {
-    key: "delete",
-    value: function _delete(id) {
-      return this.requestDelete(this.route('delete', {
-        media: id
-      }));
-    }
-  }]);
-}(Base$1);
-
-var QuizApi = /*#__PURE__*/function (_Base) {
-  function QuizApi() {
-    var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    _classCallCheck(this, QuizApi);
-    return _callSuper(this, QuizApi, [_objectSpread(_objectSpread({}, opts), {}, {
-      routes: _objectSpread({
-        results: '/quiz/:screen',
-        store: '/quiz',
-        update: '/quiz/:quiz',
-        "delete": '/quiz/:quiz'
-      }, opts.routes || null)
-    })]);
-  }
-  _inherits(QuizApi, _Base);
-  return _createClass(QuizApi, [{
-    key: "results",
-    value: function results(screenId) {
-      return this.requestGet(this.route('results', {
-        screen: screenId
-      }));
-    }
-  }, {
-    key: "create",
-    value: function create(data) {
-      return this.requestPost(this.route('store'), data);
-    }
-  }]);
-}(Base$1);
-
-var Api = /*#__PURE__*/function (_Base) {
-  function Api() {
-    var _this;
-    var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    _classCallCheck(this, Api);
-    _this = _callSuper(this, Api, [opts]);
-    _this.medias = new MediasApi(opts);
-    _this.contributions = new ContributionsApi(opts);
-    _this.quiz = new QuizApi(opts);
-    return _this;
-  }
-  _inherits(Api, _Base);
-  return _createClass(Api);
-}(Base$1);
-var Api$1 = Api;
-
-/* eslint-disable react/jsx-props-no-spreading */
-var ApiContext = /*#__PURE__*/React.createContext(null);
-var useApi = function useApi() {
-  return React.useContext(ApiContext);
-};
-var propTypes$1 = {
-  api: PropTypes.instanceOf(Api$1),
-  baseUrl: PropTypes.string,
-  children: PropTypes.node.isRequired
-};
-var defaultProps$1 = {
-  api: null,
-  baseUrl: undefined
-};
-var ApiProvider = function ApiProvider(_ref) {
-  var initialApi = _ref.api,
-    baseUrl = _ref.baseUrl,
-    children = _ref.children;
-  var previousApi = useApi();
-  var api = React.useMemo(function () {
-    return initialApi || previousApi || new Api$1({
-      baseUrl: baseUrl
-      // baseUrl: 'https://micromag.studio.test/api',
-    });
-  }, [previousApi, initialApi, baseUrl]);
-  return /*#__PURE__*/React.createElement(ApiContext.Provider, {
-    value: api
-  }, children);
-};
-ApiProvider.propTypes = propTypes$1;
-ApiProvider.defaultProps = defaultProps$1;
-
-var useContributionCreate = function useContributionCreate() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    screenId = _ref.screenId,
-    _ref$onSuccess = _ref.onSuccess,
-    onSuccess = _ref$onSuccess === void 0 ? null : _ref$onSuccess;
-  var api = useApi();
-  var _useState = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    creating = _useState2[0],
-    setCreating = _useState2[1];
-  var create = React.useCallback(function (data) {
-    if (api === null) {
-      return null;
-    }
-    setCreating(true);
-    return api.contributions.create(_objectSpread({
-      screen_id: screenId
-    }, data)).then(function (response) {
-      setCreating(false);
-      if (onSuccess !== null) {
-        onSuccess(response);
-      }
-      return response;
-    });
-  }, [api, setCreating, onSuccess, screenId]);
-  return {
-    create: create,
-    creating: creating
-  };
-};
-var useContributionCreate$1 = useContributionCreate;
-
-var useData = function useData(loadData) {
-  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-    _ref$initialData = _ref.initialData,
-    initialData = _ref$initialData === void 0 ? null : _ref$initialData,
-    _ref$autoload = _ref.autoload,
-    autoload = _ref$autoload === void 0 ? true : _ref$autoload;
-  var _useState = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
-  var _useState3 = React.useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    error = _useState4[0],
-    setError = _useState4[1];
-  var _useState5 = React.useState(initialData),
-    _useState6 = _slicedToArray(_useState5, 2),
-    data = _useState6[0],
-    setData = _useState6[1];
-  var load = React.useCallback(function () {
-    var canceled = false;
-    setLoading(true);
-    var promise = loadData.apply(void 0, arguments).then(function (newData) {
-      if (!canceled) {
-        setData(newData);
-        setLoading(false);
-      }
-      return newData;
-    })["catch"](function (newError) {
-      setError(newError);
-      setLoading(false);
-    });
-    promise.cancel = function () {
-      canceled = true;
-      setLoading(false);
-    };
-    return promise;
-  }, [loadData, setLoading, setData]);
-  React.useEffect(function () {
-    var loader = null;
-    if (autoload) {
-      loader = load();
-    }
-    return function () {
-      if (loader !== null) {
-        loader.cancel();
-      }
-    };
-  }, [autoload, load]);
-  return {
-    data: data,
-    load: load,
-    loading: loading,
-    error: error
-  };
-};
-var useData$1 = useData;
-
-var _excluded$3 = ["data"];
-var useContributions = function useContributions() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    screenId = _ref.screenId,
-    _ref$opts = _ref.opts,
-    opts = _ref$opts === void 0 ? {} : _ref$opts;
-  var api = useApi();
-  var _useState = React.useState(_toConsumableArray(new Array(10)).map(function (el, i) {
-      return {
-        name: "Nom ".concat(i + 1),
-        message: "Message ".concat(i + 1)
-      };
-    })),
-    _useState2 = _slicedToArray(_useState, 1),
-    defaultContributions = _useState2[0];
-  var loader = React.useCallback(function () {
-    return api !== null ? api.contributions.get(screenId) : null;
-  }, [api, screenId]);
-  var _ref2 = api !== null ? useData$1(loader, opts) : {
-      data: null
-    },
-    data = _ref2.data,
-    request = _objectWithoutProperties(_ref2, _excluded$3);
-  return _objectSpread({
-    contributions: data || defaultContributions
-  }, request);
-};
-var useContributions$1 = useContributions;
-
-var useItems$1 = function useItems(_ref) {
-  var _ref$getPage = _ref.getPage,
-    getPage = _ref$getPage === void 0 ? null : _ref$getPage,
-    _ref$getItems = _ref.getItems,
-    getItems = _ref$getItems === void 0 ? null : _ref$getItems,
-    _ref$page = _ref.page,
-    page = _ref$page === void 0 ? null : _ref$page,
-    _ref$count = _ref.count,
-    count = _ref$count === void 0 ? 10 : _ref$count,
-    _ref$items = _ref.items,
-    providedItems = _ref$items === void 0 ? null : _ref$items,
-    _ref$pages = _ref.pages,
-    initialPages = _ref$pages === void 0 ? null : _ref$pages,
-    _ref$getPageFromRespo = _ref.getPageFromResponse,
-    getPageFromResponse = _ref$getPageFromRespo === void 0 ? function (_ref2) {
-      var _ref2$meta = _ref2.meta,
-        currentPage = _ref2$meta.current_page,
-        lastPage = _ref2$meta.last_page,
-        total = _ref2$meta.total,
-        items = _ref2.data;
-      return {
-        page: parseInt(currentPage, 10),
-        lastPage: parseInt(lastPage, 10),
-        total: parseInt(total, 10),
-        items: items
-      };
-    } : _ref$getPageFromRespo,
-    _ref$getItemsFromResp = _ref.getItemsFromResponse,
-    getItemsFromResponse = _ref$getItemsFromResp === void 0 ? function (data) {
-      return data;
-    } : _ref$getItemsFromResp,
-    _ref$onItemsLoaded = _ref.onItemsLoaded,
-    onItemsLoaded = _ref$onItemsLoaded === void 0 ? null : _ref$onItemsLoaded,
-    _ref$onPageLoaded = _ref.onPageLoaded,
-    onPageLoaded = _ref$onPageLoaded === void 0 ? null : _ref$onPageLoaded,
-    _ref$onLoaded = _ref.onLoaded,
-    onLoaded = _ref$onLoaded === void 0 ? null : _ref$onLoaded,
-    _ref$onError = _ref.onError,
-    onError = _ref$onError === void 0 ? null : _ref$onError;
-  var isPaginated = getPage !== null || initialPages !== null;
-  var lastState = React.useRef(null);
-  var initialState = React.useMemo(function () {
-    var finalInitialPages = initialPages !== null ? initialPages.map(function (it) {
-      return getPageFromResponse(it);
-    }) : null;
-    return {
-      lastPage: finalInitialPages !== null ? finalInitialPages.reduce(function (currentLastPage, _ref3) {
-        var initialLastPage = _ref3.lastPage;
-        return initialLastPage > currentLastPage ? initialLastPage : currentLastPage;
-      }, -1) : -1,
-      total: finalInitialPages !== null ? finalInitialPages[0].total : (providedItems || []).length,
-      loaded: providedItems !== null,
-      loading: false,
-      pages: finalInitialPages !== null ? finalInitialPages : null,
-      items: null
-    };
-  }, [initialPages, providedItems]);
-  var _useState = React.useState(initialState),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  var lastPage = state.lastPage,
-    loaded = state.loaded,
-    loading = state.loading,
-    stateItems = state.items,
-    pages = state.pages,
-    total = state.total;
-  var items = providedItems || (isPaginated && pages !== null ? pages.reduce(function (pagesItems, _ref4) {
-    var pageItems = _ref4.items;
-    return pagesItems.concat(pageItems);
-  }, []) : stateItems) || null;
-  var updateState = function updateState(update) {
-    return setState(_objectSpread(_objectSpread({}, state), update));
-  };
-  var updateFromResponse = function updateFromResponse(response) {
-    var error = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    var reset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    if (error !== null) {
-      updateState({
-        loaded: false,
-        loading: false
-      });
-      throw error;
-    }
-    if (isPaginated) {
-      var newPage = getPageFromResponse(response);
-      var newPages = (reset ? [newPage] : [].concat(_toConsumableArray((pages || []).filter(function (it) {
-        return it.page !== newPage.page;
-      })), [newPage])).sort(function (a, b) {
-        if (a === b) {
-          return 0;
-        }
-        return a > b ? 1 : -1;
-      });
-      updateState({
-        loaded: true,
-        loading: false,
-        lastPage: newPage.lastPage,
-        total: newPage.total,
-        pages: newPages
-      });
-      return newPage;
-    }
-    var newItems = _toConsumableArray(getItemsFromResponse(response));
-    updateState({
-      loaded: true,
-      loading: false,
-      items: newItems,
-      total: newItems.length
-    });
-    return newItems;
-  };
-  var getNextPage = function getNextPage() {
-    var allPages = lastPage !== -1 ? Array.call.apply(Array, [null].concat(_toConsumableArray(Array(lastPage)))).map(function (it, index) {
-      return index + 1;
-    }) : [];
-    var remainingPages = allPages.filter(function (pageNumber) {
-      return pages.findIndex(function (it) {
-        return it.page === pageNumber;
-      }) === -1;
-    });
-    var firstItem = remainingPages.length > 0 ? remainingPages.shift() : null;
-    return firstItem !== null ? firstItem : null;
-  };
-  var loadItems = function loadItems(requestPage) {
-    updateState({
-      loading: true
-    });
-    var canceled = false;
-    var request = isPaginated ? getPage(requestPage, count) : getItems();
-    var promise = request.then(function (response) {
-      return !canceled ? updateFromResponse(response) : Promise.reject();
-    })["catch"](function (error) {
-      return !canceled ? updateFromResponse(null, error) : Promise.reject();
-    }).then(function (response) {
-      if (isPaginated && onPageLoaded !== null) {
-        onPageLoaded(response);
-      } else if (!isPaginated && onItemsLoaded !== null) {
-        onItemsLoaded(response);
-      }
-      if (onLoaded !== null) {
-        onLoaded(response);
-      }
-      return response;
-    })["catch"](function (error) {
-      if (!canceled && onError !== null) {
-        onError(error);
-      }
-    });
-    promise.cancel = function () {
-      canceled = true;
-    };
-    return promise;
-  };
-  var loadPage = function loadPage(pageToLoad) {
-    if (loading) {
-      return Promise.reject();
-    }
-    if (pages.find(function (it) {
-      return it.page === pageToLoad;
-    }) !== -1) {
-      return Promise.reject();
-    }
-    return loadItems(pageToLoad);
-  };
-  var loadNextPage = function loadNextPage() {
-    if (loading) {
-      return Promise.reject();
-    }
-    var nextPage = getNextPage();
-    return nextPage !== null ? loadItems(nextPage) : Promise.resolve();
-  };
-  React.useEffect(function () {
-    var hadState = lastState.current !== null;
-    lastState.current = initialState;
-    if (hadState) {
-      setState(initialState);
-    }
-  }, [initialState]);
-  React.useEffect(function () {
-    if (getPage === null && getItems === null || providedItems !== null) {
-      return function () {};
-    }
-    var loadPromise = null;
-    var pageToLoad = isPaginated && initialPages === null && page === null ? 1 : page;
-    if (!isPaginated || pageToLoad !== null) {
-      loadPromise = loadItems(pageToLoad);
-    }
-    return function () {
-      if (loadPromise !== null) {
-        loadPromise.cancel();
-      }
-    };
-  }, [getPage, getItems, page]);
-  var currentPage = isPaginated && pages !== null ? pages.find(function (_ref5) {
-    var pageNumber = _ref5.page;
-    return parseInt(pageNumber, 10) === parseInt(page, 10);
-  }) || null : null;
-  return {
-    items: items,
-    pages: pages,
-    pageItems: currentPage !== null ? currentPage.items : null,
-    total: total,
-    lastPage: lastPage,
-    loaded: loaded,
-    allLoaded: !isPaginated && loaded || lastPage !== -1 && isPaginated && pages.length === lastPage,
-    loading: loading,
-    loadNextPage: loadNextPage,
-    loadPage: loadPage
-  };
-};
-var useItems$2 = useItems$1;
-
-var _excluded$2 = ["data"];
-var useMedia = function useMedia(id, opts) {
-  var api = useApi();
-  var loader = React.useCallback(function () {
-    return api.medias.find(id);
-  }, [api, id]);
-  var _useData = useData$1(loader, opts),
-    data = _useData.data,
-    request = _objectWithoutProperties(_useData, _excluded$2);
-  return _objectSpread({
-    story: data
-  }, request);
-};
-var useMedia$1 = useMedia;
-
-// import { useCallback } from 'react';
-
-// import useItems from './useItems';
-
-// eslint-disable-next-line
-var useMediaAuthors = function useMediaAuthors() {
-  useApi(); // eslint-disable-line
-  // console.log('api', api); // eslint-disable-line
-  // const getItems = useCallback(() => api.medias.getAuthors(query, count), [api, query, count]);
-  // const { items, pageItems, ...request } = useItems({
-  //     getItems,
-  //     ...opts,
-  // });
-  return {
-    authors: []
-    // ...request,
-  };
-};
-var useMediaAuthors$1 = useMediaAuthors;
-
-var useMediaCreate = function useMediaCreate() {
-  var _useState = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    creating = _useState2[0],
-    setCreating = _useState2[1];
-  var api = useApi();
-  var create = React.useCallback(function (data) {
-    setCreating(true);
-    return api.medias.create(data).then(function (response) {
-      setCreating(false);
-      return response;
-    });
-  }, [api, setCreating]);
-  return {
-    create: create,
-    creating: creating
-  };
-};
-var useMediaCreate$1 = useMediaCreate;
-
-var useItems = function useItems(_ref) {
-  var _ref$getPage = _ref.getPage,
-    getPage = _ref$getPage === void 0 ? null : _ref$getPage,
-    _ref$page = _ref.page,
-    page = _ref$page === void 0 ? 1 : _ref$page,
-    _ref$count = _ref.count,
-    count = _ref$count === void 0 ? 10 : _ref$count,
-    _ref$query = _ref.query,
-    pageQuery = _ref$query === void 0 ? null : _ref$query,
-    _ref$pages = _ref.pages,
-    startingPages = _ref$pages === void 0 ? null : _ref$pages,
-    _ref$getPageFromRespo = _ref.getPageFromResponse,
-    getPageFromResponse = _ref$getPageFromRespo === void 0 ? function (newPage) {
-      return newPage;
-    } : _ref$getPageFromRespo,
-    _ref$getPagination = _ref.getPagination,
-    getPagination = _ref$getPagination === void 0 ? function () {
-      var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        cp = _ref2.current_page,
-        pp = _ref2.per_page,
-        lp = _ref2.last_page,
-        total = _ref2.total;
-      return {
-        pageNumber: cp,
-        pageCount: pp,
-        lastPage: lp,
-        total: total
-      };
-    } : _ref$getPagination,
-    _ref$onLoaded = _ref.onLoaded,
-    onLoaded = _ref$onLoaded === void 0 ? null : _ref$onLoaded,
-    _ref$onError = _ref.onError,
-    onError = _ref$onError === void 0 ? null : _ref$onError;
-  // Pagination
-  var _useState = React.useState(page !== null),
-    _useState2 = _slicedToArray(_useState, 2),
-    paginated = _useState2[0],
-    setPaginated = _useState2[1];
-  var _useState3 = React.useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    pagination = _useState4[0],
-    setPagination = _useState4[1];
-  var _getPagination = getPagination(pagination || {}),
-    _getPagination$pageNu = _getPagination.pageNumber,
-    pageNumber = _getPagination$pageNu === void 0 ? page : _getPagination$pageNu,
-    _getPagination$pageCo = _getPagination.pageCount,
-    pageCount = _getPagination$pageCo === void 0 ? count : _getPagination$pageCo,
-    _getPagination$lastPa = _getPagination.lastPage,
-    lastPage = _getPagination$lastPa === void 0 ? null : _getPagination$lastPa,
-    _getPagination$total = _getPagination.total,
-    total = _getPagination$total === void 0 ? null : _getPagination$total;
-  var _useMemo = React.useMemo(function () {
-      return (startingPages || []).reduce(function (paginatedData, it) {
-        var _ref3 = it || {},
-          items = _ref3.data,
-          currentPagination = _ref3.pagination;
-        // eslint-disable-next-line no-param-reassign
-        paginatedData.data = paginatedData.data.concat(items);
-        // eslint-disable-next-line no-param-reassign
-        paginatedData.pagination = currentPagination;
-        return paginatedData;
-      }, {
-        data: [],
-        pagination: {}
-      });
-    }, [startingPages]),
-    initialPages = _useMemo.data,
-    initialPagination = _useMemo.pagination;
-  var _useState5 = React.useState(startingPages === null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    canLoad = _useState6[0],
-    setCanLoad = _useState6[1];
-  var _useState7 = React.useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    loading = _useState8[0],
-    setLoading = _useState8[1];
-
-  // Query
-  var query = React.useMemo(function () {
-    return _objectSpread({}, isString(pageQuery) ? queryString.parse(pageQuery || null, {
-      arrayFormat: 'bracket'
-    }) : pageQuery);
-  }, [pageQuery]);
-
-  // Items
-  var _useState9 = React.useState(null),
-    _useState10 = _slicedToArray(_useState9, 2),
-    items = _useState10[0],
-    setItems = _useState10[1];
-  var getPages = React.useCallback(function (newQuery, newPageNumber, newPageCount) {
-    return getPage(newQuery, newPageNumber, newPageCount);
-  }, [getPage]);
-
-  // Api has changed, reset to beginning
-  React.useEffect(function () {
-    setItems(initialPages);
-    setPagination(initialPagination);
-  }, [getPages, setItems, setPagination]);
-  React.useEffect(function () {
-    // eslint-disable-next-line
-    // console.log('try to load');
-    if (!canLoad || loading || lastPage !== null && pageNumber > lastPage) {
-      // console.log('skips loading');
-      return;
-    }
-    // eslint-disable-next-line
-    // console.log('actually load', canLoad, loading, lastPage, pageNumber);
-    setLoading(true);
-    setCanLoad(false);
-    // TODO: make this a cancellable promise
-    getPages(query, pageNumber, pageCount).then(function (response) {
-      return getPageFromResponse(response);
-    }).then(function (response) {
-      var _ref4 = response || {},
-        _ref4$data = _ref4.data,
-        data = _ref4$data === void 0 ? null : _ref4$data,
-        _ref4$meta = _ref4.meta,
-        meta = _ref4$meta === void 0 ? null : _ref4$meta;
-      // console.log('response --- ', response);
-      //  This is not a paginated list so we dont care anymore
-      if (data === null && meta === null) {
-        setItems(response);
-        setPaginated(false);
-      } else {
-        setItems(function (old) {
-          return [].concat(_toConsumableArray(old || null), _toConsumableArray(data));
-        });
-        setPagination(meta);
-        setPaginated(true);
-      }
-      return response;
-    }).then(function (response) {
-      setLoading(false);
-      if (onLoaded !== null) {
-        onLoaded(response);
-      }
-    })["catch"](function (e) {
-      // Error is real
-      setLoading(false);
-      if (onError !== null) {
-        onError(e);
-      }
-    });
-  }, [query, pageNumber, canLoad, getPages, setLoading, setItems, setPagination, onLoaded, onError]);
-  var reset = React.useCallback(function () {
-    setItems([]);
-    setPagination(null);
-    setCanLoad(true);
-  }, [setItems, setPagination, setCanLoad]);
-
-  // Resets the game, "natural" refresh
-  var onQueryChange = React.useEffect(function () {
-    reset();
-  }, [query, page, count, reset]);
-
-  // Handle to Load next
-  var loadNextPage = React.useCallback(function () {
-    if (!loading && pageNumber < lastPage) {
-      var params = _objectSpread(_objectSpread({}, pagination), {}, {
-        current_page: pageNumber + 1,
-        per_page: pageCount
-      });
-      setPagination(params);
-      setCanLoad(true);
-    }
-  }, [query, pagination, pageNumber, pageCount, loading, lastPage, onQueryChange, setCanLoad]);
-  var disabled = (items || []).length === 0 || loading || pageNumber >= lastPage || lastPage === null || lastPage === 1;
-  var regularLoaded = !paginated && items !== null;
-  var paginatedLoaded = !loading && items !== null && (items.length === total || pageNumber >= lastPage);
-  return {
-    items: items,
-    total: total,
-    page: pageNumber,
-    count: pageCount,
-    lastPage: lastPage,
-    loading: loading,
-    loaded: !loading,
-    allLoaded: regularLoaded || paginatedLoaded,
-    disabled: disabled,
-    loadNextPage: loadNextPage,
-    reset: reset
-  };
-};
-
-var useMedias = function useMedias() {
-  var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  var page = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-  var count = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
-  var opts = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-  var api = useApi();
-  var getPage = React.useCallback(function (newQuery) {
-    var requestedPage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    var requestedCount = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-    return api.medias.get(newQuery, requestedPage, requestedCount);
-  }, [api]);
-  return useItems(_objectSpread({
-    getPage: getPage,
-    query: query,
-    page: page,
-    count: count
-  }, opts));
-};
-var useMedias$1 = useMedias;
-
-var useMediasRecent = function useMediasRecent(opts) {
-  var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'media-gallery-recent-searches';
-  var createSearch = React.useCallback(function (value) {
-    if (window !== undefined && value) {
-      var recent = window.localStorage.getItem(key) || null;
-      var current = recent !== null ? JSON.parse(recent || '[]') : [];
-      var encoded = JSON.stringify([value].concat(_toConsumableArray(current)));
-      window.localStorage.setItem(key, encoded);
-      return true;
-    }
-    return false;
-  }, [key]);
-  var getSearches = React.useCallback(function () {
-    var count = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 5;
-    if (window !== undefined) {
-      var recent = window.localStorage.getItem(key) || null;
-      var current = recent !== null ? JSON.parse(recent || '[]') : [];
-      return current.slice(0, count);
-    }
-    return [];
-  }, [key]);
-  return {
-    createSearch: createSearch,
-    getSearches: getSearches
-  };
-};
-var useMediasRecent$1 = useMediasRecent;
-
-var _excluded$1 = ["items", "pageItems"];
-var useMediaTags = function useMediaTags() {
-  var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  var count = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5;
-  var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-  var api = useApi();
-  var getItems = React.useCallback(function () {
-    return api.medias.getTags(query, count);
-  }, [api, query, count]);
-  var _useItems = useItems$2(_objectSpread({
-      getItems: getItems
-    }, opts)),
-    items = _useItems.items;
-    _useItems.pageItems;
-    var request = _objectWithoutProperties(_useItems, _excluded$1);
-  return _objectSpread({
-    tags: items
-  }, request);
-};
-var useMediaTags$1 = useMediaTags;
-
-var useMediaUpdate = function useMediaUpdate() {
-  var _useState = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    updating = _useState2[0],
-    setUpdating = _useState2[1];
-  var api = useApi();
-  var update = React.useCallback(function (id, data) {
-    setUpdating(true);
-    return api.medias.update(id, data).then(function (response) {
-      setUpdating(false);
-      return response;
-    });
-  }, [api, setUpdating]);
-  return {
-    update: update,
-    updating: updating
-  };
-};
-var useMediaUpdate$1 = useMediaUpdate;
-
-var useMediaRequestDelete = function useMediaRequestDelete() {
-  var _useState = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    requesting = _useState2[0],
-    setRequesting = _useState2[1];
-  var api = useApi();
-  var requestDeleteMedia = React.useCallback(function (id) {
-    setRequesting(true);
-    return api.medias.requestDeleteMedia(id).then(function (response) {
-      setRequesting(false);
-      return response;
-    });
-  }, [api, setRequesting]);
-  return {
-    requestDeleteMedia: requestDeleteMedia,
-    requesting: requesting
-  };
-};
-var useMediaRequestDelete$1 = useMediaRequestDelete;
-
-var useMediaDelete = function useMediaDelete() {
-  var _useState = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    deleting = _useState2[0],
-    setDeleting = _useState2[1];
-  var api = useApi();
-  var deleteMedia = React.useCallback(function (id) {
-    setDeleting(true);
-    return api.medias["delete"](id).then(function (response) {
-      setDeleting(false);
-      return response;
-    });
-  }, [api, setDeleting]);
-  return {
-    deleteMedia: deleteMedia,
-    deleting: deleting
-  };
-};
-var useMediaDelete$1 = useMediaDelete;
-
-var _excluded = ["data"];
-var useQuiz = function useQuiz() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    screenId = _ref.screenId,
-    _ref$opts = _ref.opts,
-    opts = _ref$opts === void 0 ? {} : _ref$opts;
-  var api = useApi();
-  var loader = React.useCallback(function () {
-    return api !== null ? api.quiz.results(screenId) : null;
-  }, [api, screenId]);
-  var _ref2 = api !== null ? useData$1(loader, opts) : {
-      data: null
-    },
-    data = _ref2.data,
-    request = _objectWithoutProperties(_ref2, _excluded);
-  return _objectSpread({
-    quiz: data || []
-  }, request);
-};
-var useQuiz$1 = useQuiz;
-
-var useQuizCreate = function useQuizCreate() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    screenId = _ref.screenId,
-    _ref$visitorId = _ref.visitorId,
-    providedVisitorId = _ref$visitorId === void 0 ? null : _ref$visitorId,
-    _ref$storyId = _ref.storyId,
-    providedStoryId = _ref$storyId === void 0 ? null : _ref$storyId,
-    _ref$onSuccess = _ref.onSuccess,
-    onSuccess = _ref$onSuccess === void 0 ? null : _ref$onSuccess;
-  var api = useApi();
-  var _useState = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    creating = _useState2[0],
-    setCreating = _useState2[1];
-  var _ref2 = contexts.useVisitor() || {},
-    visitorId = _ref2.id;
-  var _ref3 = contexts.useStory() || {},
-    storyId = _ref3.id;
-  var create = React.useCallback(function (data) {
-    if (api === null) {
-      return null;
-    }
-    setCreating(true);
-    return api.quiz.create(_objectSpread({
-      screen_id: screenId,
-      visitor_id: providedVisitorId || visitorId,
-      story_id: providedStoryId || storyId
-    }, data)).then(function (response) {
-      setCreating(false);
-      if (onSuccess !== null) {
-        onSuccess(response);
-      }
-      return response;
-    });
-  }, [api, setCreating, onSuccess, screenId, visitorId, storyId, providedVisitorId, providedStoryId]);
-  return {
-    create: create,
-    creating: creating
-  };
-};
-var useQuizCreate$1 = useQuizCreate;
-
-/* eslint-disable react/jsx-props-no-spreading */
-var propTypes = {
-  api: PropTypes.instanceOf(Api$1),
-  apiBaseUrl: PropTypes.string,
-  children: PropTypes.node
-};
-var defaultProps = {
-  api: null,
-  apiBaseUrl: undefined,
-  children: null
-};
-var DataProvider = function DataProvider(_ref) {
-  var api = _ref.api,
-    apiBaseUrl = _ref.apiBaseUrl,
-    children = _ref.children;
-  return /*#__PURE__*/React.createElement(ApiProvider, {
-    api: api,
-    baseUrl: apiBaseUrl
-  }, children);
-};
-DataProvider.propTypes = propTypes;
-DataProvider.defaultProps = defaultProps;
-var DataProvider$1 = DataProvider;
-
-exports.Api = Api$1;
-exports.ApiProvider = ApiProvider;
-exports.BaseApi = Base$1;
-exports.DataProvider = DataProvider$1;
-exports.useApi = useApi;
-exports.useContributionCreate = useContributionCreate$1;
-exports.useContributions = useContributions$1;
-exports.useData = useData$1;
-exports.useItems = useItems$2;
-exports.useMedia = useMedia$1;
-exports.useMediaAuthors = useMediaAuthors$1;
-exports.useMediaCreate = useMediaCreate$1;
-exports.useMediaDelete = useMediaDelete$1;
-exports.useMediaRequestDelete = useMediaRequestDelete$1;
-exports.useMediaTags = useMediaTags$1;
-exports.useMediaUpdate = useMediaUpdate$1;
-exports.useMedias = useMedias$1;
-exports.useMediasRecentSearches = useMediasRecent$1;
-exports.useQuiz = useQuiz$1;
-exports.useQuizCreate = useQuizCreate$1;