@micromag/data 0.4.69 → 0.4.74

package/es/index.js

@@ -1,126 +1,100 @@
-import React, { useMemo, useContext, useState, useCallback, useEffect, useRef } from 'react';
-import _createClass from '@babel/runtime/helpers/createClass';
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _callSuper from '@babel/runtime/helpers/callSuper';
-import _inherits from '@babel/runtime/helpers/inherits';
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import { c } from 'react/compiler-runtime';
+import React, { useContext, useState, useCallback, useEffect, useRef, useMemo } from 'react';
 import { getJSON, getCSRFHeaders, postJSON } from '@folklore/fetch';
 import { generatePath } from '@folklore/routes';
 import queryString from 'query-string';
 import { jsx } from 'react/jsx-runtime';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useVisitor, useStory } from '@micromag/core/contexts';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import isString from 'lodash/isString';
 
-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), {}, {
+class Base {
+  constructor(opts = {}) {
+    this.options = {
+      routes: {},
+      ...opts,
       baseUrl: opts.baseUrl || 'https://micromag.ca/api'
+    };
+  }
+  requestGet(path, query = null) {
+    const finalQueryString = query !== null ? queryString.stringify(query, {
+      arrayFormat: 'bracket'
+    }) : null;
+    return getJSON(`${this.getFullUrl(path)}${finalQueryString !== null && finalQueryString.length > 0 ? `?${finalQueryString}` : ''}`, {
+      credentials: 'include',
+      headers: getCSRFHeaders()
     });
   }
-  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 getJSON("".concat(this.getFullUrl(path)).concat(finalQueryString !== null && finalQueryString.length > 0 ? "?".concat(finalQueryString) : ''), {
-        credentials: 'include',
-        headers: getCSRFHeaders()
-      });
-    }
-  }, {
-    key: "requestPost",
-    value: function requestPost(path, data) {
-      return postJSON(this.getFullUrl(path), data, {
-        credentials: 'include',
-        headers: getCSRFHeaders()
-      });
-    }
-  }, {
-    key: "requestPut",
-    value: function requestPut(path, data) {
-      return postJSON(this.getFullUrl(path), _objectSpread({
-        _method: 'PUT'
-      }, data), {
-        credentials: 'include',
-        headers: 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(/^\//, ''));
-    }
-  }]);
-}();
+  requestPost(path, data) {
+    return postJSON(this.getFullUrl(path), data, {
+      credentials: 'include',
+      headers: getCSRFHeaders()
+    });
+  }
+  requestPut(path, data) {
+    return postJSON(this.getFullUrl(path), {
+      _method: 'PUT',
+      ...data
+    }, {
+      credentials: 'include',
+      headers: getCSRFHeaders()
+    });
+  }
+  requestDelete(path) {
+    return this.requestPost(path, {
+      _method: 'DELETE'
+    });
+  }
+  route(route, params) {
+    const {
+      routes
+    } = this.options;
+    return generatePath(routes[route] || route, params);
+  }
+  getFullUrl(path) {
+    const {
+      baseUrl
+    } = this.options;
+    return `${baseUrl.replace(/\/$/, '')}/${path.replace(/^\//, '')}`;
+  }
+}
 
-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({
+class ContributionsApi extends Base {
+  constructor(opts = {}) {
+    super({
+      ...opts,
+      routes: {
         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;
+        delete: '/contributions/:contribution',
+        ...(opts.routes || null)
       }
-      if (count !== null) {
-        finalQuery.count = count;
-      }
-      return this.requestGet(this.route('index', {
-        screen: id
-      }), finalQuery);
+    });
+  }
+  get(id, query = {}, page = 1, count = 10) {
+    const finalQuery = {
+      ...query
+    };
+    if (page !== null) {
+      finalQuery.page = page;
     }
-  }, {
-    key: "create",
-    value: function create(data) {
-      return this.requestPost(this.route('store'), data);
+    if (count !== null) {
+      finalQuery.count = count;
     }
-  }]);
-}(Base);
+    return this.requestGet(this.route('index', {
+      screen: id
+    }), finalQuery);
+  }
+  create(data) {
+    return this.requestPost(this.route('store'), data);
+  }
+}
 
-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({
+class MediasApi extends Base {
+  constructor(opts = {}) {
+    super({
+      ...opts,
+      routes: {
         index: 'medias',
         tags: 'medias/tags',
         authors: 'medias/authors',
@@ -128,189 +102,171 @@ var MediasApi = /*#__PURE__*/function (_Base) {
         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;
+        delete: 'medias/:media',
+        ...(opts.routes || null)
       }
-      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);
+    });
+  }
+  find(id) {
+    return this.requestGet(this.route('show', {
+      media: id
+    }));
+  }
+  get(query = {}, page = 1, count = 10) {
+    const finalQuery = {
+      ...query
+    };
+    if (page !== null) {
+      finalQuery.page = page;
     }
-  }, {
-    key: "requestDeleteMedia",
-    value: function requestDeleteMedia(id) {
-      return this.requestPost(this.route('requestDelete', {
-        media: id
-      }));
+    if (count !== null) {
+      finalQuery.count = count;
     }
-  }, {
-    key: "delete",
-    value: function _delete(id) {
-      return this.requestDelete(this.route('delete', {
-        media: id
-      }));
+    return this.requestGet(this.route('index'), finalQuery);
+  }
+  getTags(query = {}, count = 10) {
+    const finalQuery = {
+      ...query
+    };
+    if (count !== null) {
+      finalQuery.count = count;
     }
-  }, {
-    key: "replace",
-    value: function replace(id, data) {
-      return this.requestPost(this.route('replace', {
-        media: id
-      }), data);
+    return this.requestGet(this.route('tags'), finalQuery);
+  }
+  getAuthors(query = {}, count = 10) {
+    const finalQuery = {
+      ...query
+    };
+    if (count !== null) {
+      finalQuery.count = count;
     }
-  }]);
-}(Base);
+    return this.requestGet(this.route('authors'), finalQuery);
+  }
+  create(data) {
+    return this.requestPost(this.route('store'), data);
+  }
+  update(id, data) {
+    return this.requestPut(this.route('update', {
+      media: id
+    }), data);
+  }
+  requestDeleteMedia(id) {
+    return this.requestPost(this.route('requestDelete', {
+      media: id
+    }));
+  }
+  delete(id) {
+    return this.requestDelete(this.route('delete', {
+      media: id
+    }));
+  }
+  replace(id, data) {
+    return this.requestPost(this.route('replace', {
+      media: id
+    }), data);
+  }
+}
 
-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({
+class QuizApi extends Base {
+  constructor(opts = {}) {
+    super({
+      ...opts,
+      routes: {
         results: '/quiz/:screen',
         store: '/quiz',
         update: '/quiz/:quiz',
-        "delete": '/quiz/:quiz'
-      }, opts.routes || null)
-    })]);
+        delete: '/quiz/:quiz',
+        ...(opts.routes || null)
+      }
+    });
   }
-  _inherits(QuizApi, _Base);
-  return _createClass(QuizApi, [{
-    key: "results",
-    value: function results(screenId) {
-      var query = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      return this.requestGet(this.route('results', {
-        screen: screenId
-      }), query);
-    }
-  }, {
-    key: "create",
-    value: function create(data) {
-      return this.requestPost(this.route('store'), data);
-    }
-  }]);
-}(Base);
+  results(screenId, query = {}) {
+    return this.requestGet(this.route('results', {
+      screen: screenId
+    }), query);
+  }
+  create(data) {
+    return this.requestPost(this.route('store'), data);
+  }
+}
 
-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;
+class Api extends Base {
+  constructor(opts = {}) {
+    super(opts);
+    this.medias = new MediasApi(opts);
+    this.contributions = new ContributionsApi(opts);
+    this.quiz = new QuizApi(opts);
   }
-  _inherits(Api, _Base);
-  return _createClass(Api);
-}(Base);
+}
 
-/* eslint-disable react/jsx-props-no-spreading */
-var ApiContext = /*#__PURE__*/React.createContext(null);
-var useApi = function useApi() {
+const ApiContext = /*#__PURE__*/React.createContext(null);
+const useApi = () => {
   return useContext(ApiContext);
 };
-function ApiProvider(_ref) {
-  var _ref$api = _ref.api,
-    initialApi = _ref$api === void 0 ? null : _ref$api,
-    _ref$baseUrl = _ref.baseUrl,
-    baseUrl = _ref$baseUrl === void 0 ? undefined : _ref$baseUrl,
-    children = _ref.children;
-  var previousApi = useApi();
-  var api = useMemo(function () {
-    return initialApi || previousApi || new Api({
-      baseUrl: baseUrl
-      // baseUrl: 'https://micromag.studio.test/api',
+function ApiProvider(t0) {
+  const $ = c(7);
+  const {
+    api: t1,
+    baseUrl: t2,
+    children
+  } = t0;
+  const initialApi = t1 === undefined ? null : t1;
+  const baseUrl = t2 === undefined ? undefined : t2;
+  const previousApi = useApi();
+  let t3;
+  if ($[0] !== baseUrl || $[1] !== initialApi || $[2] !== previousApi) {
+    t3 = initialApi || previousApi || new Api({
+      baseUrl
     });
-  }, [previousApi, initialApi, baseUrl]);
-  return /*#__PURE__*/jsx(ApiContext.Provider, {
-    value: api,
-    children: children
-  });
+    $[0] = baseUrl;
+    $[1] = initialApi;
+    $[2] = previousApi;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const api = t3;
+  let t4;
+  if ($[4] !== api || $[5] !== children) {
+    t4 = /*#__PURE__*/jsx(ApiContext.Provider, {
+      value: api,
+      children: children
+    });
+    $[4] = api;
+    $[5] = children;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  return t4;
 }
 
-var useContributionCreate = function useContributionCreate() {
-  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 = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    creating = _useState2[0],
-    setCreating = _useState2[1];
-  var _ref2 = useVisitor() || {},
-    visitorId = _ref2.id;
-  var _ref3 = useStory() || {},
-    storyId = _ref3.id,
-    documentId = _ref3.document_id;
-  var create = useCallback(function (data) {
+const useContributionCreate = ({
+  screenId,
+  visitorId: providedVisitorId = null,
+  storyId: providedStoryId = null,
+  onSuccess = null
+} = {}) => {
+  const api = useApi();
+  const [creating, setCreating] = useState(false);
+  const {
+    id: visitorId
+  } = useVisitor() || {};
+  const {
+    id: storyId,
+    document_id: documentId
+  } = useStory() || {};
+  const create = useCallback(data => {
     if (api === null) {
       return null;
     }
     setCreating(true);
-    return api.contributions.create(_objectSpread({
+    return api.contributions.create({
       screen_id: screenId,
       visitor_id: providedVisitorId || visitorId,
-      story_id: documentId || providedStoryId || storyId
-    }, data)).then(function (response) {
+      story_id: documentId || providedStoryId || storyId,
+      ...data
+    }).then(response => {
       setCreating(false);
       if (onSuccess !== null) {
         onSuccess(response);
@@ -319,153 +275,165 @@ var useContributionCreate = function useContributionCreate() {
     });
   }, [api, setCreating, onSuccess, screenId, visitorId, storyId, providedVisitorId, providedStoryId]);
   return {
-    create: create,
-    creating: creating
+    create,
+    creating
   };
 };
 
-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 = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    error = _useState4[0],
-    setError = _useState4[1];
-  var _useState5 = useState(initialData),
-    _useState6 = _slicedToArray(_useState5, 2),
-    data = _useState6[0],
-    setData = _useState6[1];
-  var load = useCallback(function () {
-    var canceled = false;
-    setLoading(true);
-    var promise = loadData.apply(void 0, arguments).then(function (newData) {
-      if (!canceled) {
-        setData(newData);
+const useData = (loadData, t0) => {
+  const $ = c(13);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    initialData: t2,
+    autoload: t3
+  } = t1;
+  const initialData = t2 === undefined ? null : t2;
+  const autoload = t3 === undefined ? true : t3;
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(false);
+  const [data, setData] = useState(initialData);
+  let t4;
+  if ($[2] !== loadData) {
+    t4 = (...t5) => {
+      const args = t5;
+      let canceled = false;
+      setLoading(true);
+      const promise = loadData(...args).then(newData => {
+        if (!canceled) {
+          setData(newData);
+          setLoading(false);
+        }
+        return newData;
+      }).catch(newError => {
+        setError(newError);
         setLoading(false);
-      }
-      return newData;
-    })["catch"](function (newError) {
-      setError(newError);
-      setLoading(false);
-    });
-    promise.cancel = function () {
-      canceled = true;
-      setLoading(false);
+      });
+      promise.cancel = () => {
+        canceled = true;
+        setLoading(false);
+      };
+      return promise;
     };
-    return promise;
-  }, [loadData, setLoading, setData]);
-  useEffect(function () {
-    var loader = null;
-    if (autoload) {
-      loader = load();
-    }
-    return function () {
-      if (loader !== null) {
-        loader.cancel();
+    $[2] = loadData;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  const load = t4;
+  let t5;
+  let t6;
+  if ($[4] !== autoload || $[5] !== load) {
+    t5 = () => {
+      let loader = null;
+      if (autoload) {
+        loader = load();
       }
+      return () => {
+        if (loader !== null) {
+          loader.cancel();
+        }
+      };
+    };
+    t6 = [autoload, load];
+    $[4] = autoload;
+    $[5] = load;
+    $[6] = t5;
+    $[7] = t6;
+  } else {
+    t5 = $[6];
+    t6 = $[7];
+  }
+  useEffect(t5, t6);
+  let t7;
+  if ($[8] !== data || $[9] !== error || $[10] !== load || $[11] !== loading) {
+    t7 = {
+      data,
+      load,
+      loading,
+      error
     };
-  }, [autoload, load]);
+    $[8] = data;
+    $[9] = error;
+    $[10] = load;
+    $[11] = loading;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  return t7;
+};
+
+const useContributions = (options = null) => {
+  const {
+    screenId,
+    storyId: providedStoryId = null,
+    opts = {}
+  } = options || {};
+  const api = useApi();
+  const {
+    id: storyId,
+    document_id: documentId
+  } = useStory() || {};
+  const [defaultContributions] = useState([...new Array(10)].map((el, i) => ({
+    name: `Nom ${i + 1}`,
+    message: `Message ${i + 1}`
+  })));
+  const loader = useCallback(() => api !== null ? api.contributions.get(screenId, {
+    story_id: documentId || providedStoryId || storyId
+  }) : null, [api, screenId, documentId, providedStoryId, storyId]);
+  const {
+    data,
+    ...request
+  } = api !== null ? useData(loader, opts) : {
+    data: null
+  };
   return {
-    data: data,
-    load: load,
-    loading: loading,
-    error: error
+    contributions: data || defaultContributions,
+    ...request
   };
 };
 
-var _excluded$3 = ["data"];
-var useContributions = function useContributions() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  var _ref = options || {},
-    screenId = _ref.screenId,
-    _ref$storyId = _ref.storyId,
-    providedStoryId = _ref$storyId === void 0 ? null : _ref$storyId,
-    _ref$opts = _ref.opts,
-    opts = _ref$opts === void 0 ? {} : _ref$opts;
-  var api = useApi();
-  var _ref2 = useStory() || {},
-    storyId = _ref2.id,
-    documentId = _ref2.document_id;
-  var _useState = 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 = useCallback(function () {
-    return api !== null ? api.contributions.get(screenId, {
-      story_id: documentId || providedStoryId || storyId
-    }) : null;
-  }, [api, screenId, documentId, providedStoryId, storyId]);
-  var _ref3 = api !== null ? useData(loader, opts) : {
-      data: null
+const useItems$1 = ({
+  getPage = null,
+  getItems = null,
+  page = null,
+  count = 10,
+  items: providedItems = null,
+  pages: initialPages = null,
+  getPageFromResponse = ({
+    meta: {
+      current_page: currentPage,
+      last_page: lastPage,
+      total
     },
-    data = _ref3.data,
-    request = _objectWithoutProperties(_ref3, _excluded$3);
-  return _objectSpread({
-    contributions: data || defaultContributions
-  }, request);
-};
-
-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 = useRef(null);
-  var initialState = useMemo(function () {
-    var finalInitialPages = initialPages !== null ? initialPages.map(function (it) {
-      return getPageFromResponse(it);
-    }) : null;
+    data: items
+  }) => ({
+    page: parseInt(currentPage, 10),
+    lastPage: parseInt(lastPage, 10),
+    total: parseInt(total, 10),
+    items
+  }),
+  getItemsFromResponse = data => data,
+  onItemsLoaded = null,
+  onPageLoaded = null,
+  onLoaded = null,
+  onError = null
+}) => {
+  const isPaginated = getPage !== null || initialPages !== null;
+  const lastState = useRef(null);
+  const initialState = useMemo(() => {
+    const finalInitialPages = initialPages !== null ? initialPages.map(it => getPageFromResponse(it)) : null;
     return {
-      lastPage: finalInitialPages !== null ? finalInitialPages.reduce(function (currentLastPage, _ref3) {
-        var initialLastPage = _ref3.lastPage;
-        return initialLastPage > currentLastPage ? initialLastPage : currentLastPage;
-      }, -1) : -1,
+      lastPage: finalInitialPages !== null ? finalInitialPages.reduce((currentLastPage, {
+        lastPage: initialLastPage
+      }) => initialLastPage > currentLastPage ? initialLastPage : currentLastPage, -1) : -1,
       total: finalInitialPages !== null ? finalInitialPages[0].total : (providedItems || []).length,
       loaded: providedItems !== null,
       loading: false,
@@ -473,26 +441,23 @@ var useItems$1 = function useItems(_ref) {
       items: null
     };
   }, [initialPages, providedItems]);
-  var _useState = 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;
+  const [state, setState] = useState(initialState);
+  const {
+    lastPage: lastPage_0,
+    loaded,
+    loading,
+    items: stateItems,
+    pages,
+    total: total_0
+  } = state;
+  const items_0 = providedItems || (isPaginated && pages !== null ? pages.reduce((pagesItems, {
+    items: pageItems
+  }) => pagesItems.concat(pageItems), []) : stateItems) || null;
+  const updateState = update => setState({
+    ...state,
+    ...update
+  });
+  const updateFromResponse = (response, error = null, reset = false) => {
     if (error !== null) {
       updateState({
         loaded: false,
@@ -501,10 +466,8 @@ var useItems$1 = function useItems(_ref) {
       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) {
+      const newPage = getPageFromResponse(response);
+      const newPages = (reset ? [newPage] : [...(pages || []).filter(it_0 => it_0.page !== newPage.page), newPage]).sort((a, b) => {
         if (a === b) {
           return 0;
         }
@@ -519,7 +482,7 @@ var useItems$1 = function useItems(_ref) {
       });
       return newPage;
     }
-    var newItems = _toConsumableArray(getItemsFromResponse(response));
+    const newItems = [...getItemsFromResponse(response)];
     updateState({
       loaded: true,
       loading: false,
@@ -528,257 +491,256 @@ var useItems$1 = function useItems(_ref) {
     });
     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;
+  const getNextPage = () => {
+    const allPages = lastPage_0 !== -1 ? Array.call(null, ...Array(lastPage_0)).map((it_1, index) => index + 1) : [];
+    const remainingPages = allPages.filter(pageNumber => pages.findIndex(it_2 => it_2.page === pageNumber) === -1);
+    const firstItem = remainingPages.length > 0 ? remainingPages.shift() : null;
     return firstItem !== null ? firstItem : null;
   };
-  var loadItems = function loadItems(requestPage) {
+  const 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) {
+    let canceled = false;
+    const request = isPaginated ? getPage(requestPage, count) : getItems();
+    const promise = request.then(response_0 => !canceled ? updateFromResponse(response_0) : Promise.reject()).catch(error_0 => !canceled ? updateFromResponse(null, error_0) : Promise.reject()).then(response_1 => {
       if (isPaginated && onPageLoaded !== null) {
-        onPageLoaded(response);
+        onPageLoaded(response_1);
       } else if (!isPaginated && onItemsLoaded !== null) {
-        onItemsLoaded(response);
+        onItemsLoaded(response_1);
       }
       if (onLoaded !== null) {
-        onLoaded(response);
+        onLoaded(response_1);
       }
-      return response;
-    })["catch"](function (error) {
+      return response_1;
+    }).catch(error_1 => {
       if (!canceled && onError !== null) {
-        onError(error);
+        onError(error_1);
       }
     });
-    promise.cancel = function () {
+    promise.cancel = () => {
       canceled = true;
     };
     return promise;
   };
-  var loadPage = function loadPage(pageToLoad) {
+  const loadPage = pageToLoad => {
     if (loading) {
       return Promise.reject();
     }
-    if (pages.find(function (it) {
-      return it.page === pageToLoad;
-    }) !== -1) {
+    if (pages.find(it_3 => it_3.page === pageToLoad) !== -1) {
       return Promise.reject();
     }
     return loadItems(pageToLoad);
   };
-  var loadNextPage = function loadNextPage() {
+  const loadNextPage = () => {
     if (loading) {
       return Promise.reject();
     }
-    var nextPage = getNextPage();
+    const nextPage = getNextPage();
     return nextPage !== null ? loadItems(nextPage) : Promise.resolve();
   };
-  useEffect(function () {
-    var hadState = lastState.current !== null;
+  useEffect(() => {
+    const hadState = lastState.current !== null;
     lastState.current = initialState;
     if (hadState) {
       setState(initialState);
     }
   }, [initialState]);
-  useEffect(function () {
+  useEffect(() => {
     if (getPage === null && getItems === null || providedItems !== null) {
-      return function () {};
+      return () => {};
     }
-    var loadPromise = null;
-    var pageToLoad = isPaginated && initialPages === null && page === null ? 1 : page;
-    if (!isPaginated || pageToLoad !== null) {
-      loadPromise = loadItems(pageToLoad);
+    let loadPromise = null;
+    const pageToLoad_0 = isPaginated && initialPages === null && page === null ? 1 : page;
+    if (!isPaginated || pageToLoad_0 !== null) {
+      loadPromise = loadItems(pageToLoad_0);
     }
-    return function () {
+    return () => {
       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;
+  const currentPage_0 = isPaginated && pages !== null ? pages.find(({
+    page: pageNumber_0
+  }) => parseInt(pageNumber_0, 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
+    items: items_0,
+    pages,
+    pageItems: currentPage_0 !== null ? currentPage_0.items : null,
+    total: total_0,
+    lastPage: lastPage_0,
+    loaded,
+    allLoaded: !isPaginated && loaded || lastPage_0 !== -1 && isPaginated && pages.length === lastPage_0,
+    loading,
+    loadNextPage,
+    loadPage
   };
 };
 
-var _excluded$2 = ["data"];
-var useMedia = function useMedia(id, opts) {
-  var api = useApi();
-  var loader = useCallback(function () {
-    return api.medias.find(id);
-  }, [api, id]);
-  var _useData = useData(loader, opts),
-    data = _useData.data,
-    request = _objectWithoutProperties(_useData, _excluded$2);
-  return _objectSpread({
-    story: data
-  }, request);
+const useMedia = (id, opts) => {
+  const $ = c(9);
+  const api = useApi();
+  let t0;
+  if ($[0] !== api.medias || $[1] !== id) {
+    t0 = () => api.medias.find(id);
+    $[0] = api.medias;
+    $[1] = id;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const loader = t0;
+  const t1 = useData(loader, opts);
+  let data;
+  let request;
+  if ($[3] !== t1) {
+    ({
+      data,
+      ...request
+    } = t1);
+    $[3] = t1;
+    $[4] = data;
+    $[5] = request;
+  } else {
+    data = $[4];
+    request = $[5];
+  }
+  let t2;
+  if ($[6] !== data || $[7] !== request) {
+    t2 = {
+      story: data,
+      ...request
+    };
+    $[6] = data;
+    $[7] = request;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  return t2;
 };
 
-// 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,
-  };
+const useMediaAuthors = (t0, t1, opts) => {
+  const $ = c(1);
+  useApi();
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      authors: []
+    };
+    $[0] = t2;
+  } else {
+    t2 = $[0];
+  }
+  return t2;
 };
 
-var useMediaCreate = function useMediaCreate() {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    creating = _useState2[0],
-    setCreating = _useState2[1];
-  var api = useApi();
-  var create = useCallback(function (data) {
-    setCreating(true);
-    return api.medias.create(data).then(function (response) {
-      setCreating(false);
-      return response;
-    });
-  }, [api, setCreating]);
-  return {
-    create: create,
-    creating: creating
-  };
+const useMediaCreate = () => {
+  const $ = c(5);
+  const [creating, setCreating] = useState(false);
+  const api = useApi();
+  let t0;
+  if ($[0] !== api) {
+    t0 = data => {
+      setCreating(true);
+      return api.medias.create(data).then(response => {
+        setCreating(false);
+        return response;
+      });
+    };
+    $[0] = api;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const create = t0;
+  let t1;
+  if ($[2] !== create || $[3] !== creating) {
+    t1 = {
+      create,
+      creating
+    };
+    $[2] = create;
+    $[3] = creating;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  return t1;
 };
 
-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;
+const useItems = ({
+  getPage = null,
+  page = 1,
+  count = 10,
+  query: pageQuery = null,
+  // string or object
+  pages: startingPages = null,
+  getPageFromResponse = newPage => newPage,
+  getPagination = ({
+    current_page: cp,
+    per_page: pp,
+    last_page: lp,
+    total
+  } = {}) => ({
+    pageNumber: cp,
+    pageCount: pp,
+    lastPage: lp,
+    total
+  }),
+  onLoaded = null,
+  onError = null
+}) => {
   // Pagination
-  var _useState = useState(page !== null),
-    _useState2 = _slicedToArray(_useState, 2),
-    paginated = _useState2[0],
-    setPaginated = _useState2[1];
-  var _useState3 = 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 = 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 = useState(startingPages === null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    canLoad = _useState6[0],
-    setCanLoad = _useState6[1];
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    loading = _useState8[0],
-    setLoading = _useState8[1];
+  const [paginated, setPaginated] = useState(page !== null);
+  const [pagination, setPagination] = useState(null);
+  const {
+    pageNumber = page,
+    pageCount = count,
+    lastPage = null,
+    total: total_0 = null
+  } = getPagination(pagination || {});
+  const {
+    data: initialPages,
+    pagination: initialPagination
+  } = useMemo(() => (startingPages || []).reduce((paginatedData, it) => {
+    const {
+      data: items,
+      pagination: currentPagination
+    } = it || {};
+    // 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]);
+  const [canLoad, setCanLoad] = useState(startingPages === null);
+  const [loading, setLoading] = useState(false);
 
   // Query
-  var query = useMemo(function () {
-    return _objectSpread({}, isString(pageQuery) ? queryString.parse(pageQuery || null, {
+  const query = useMemo(() => ({
+    ...(isString(pageQuery) ? queryString.parse(pageQuery || null, {
       arrayFormat: 'bracket'
-    }) : pageQuery);
-  }, [pageQuery]);
+    }) : pageQuery)
+  }), [pageQuery]);
 
   // Items
-  var _useState9 = useState(null),
-    _useState0 = _slicedToArray(_useState9, 2),
-    items = _useState0[0],
-    setItems = _useState0[1];
-  var getPages = useCallback(function (newQuery, newPageNumber, newPageCount) {
-    return getPage(newQuery, newPageNumber, newPageCount);
-  }, [getPage]);
+  const [items_0, setItems] = useState(null);
+  const getPages = useCallback((newQuery, newPageNumber, newPageCount) => getPage(newQuery, newPageNumber, newPageCount), [getPage]);
 
   // Api has changed, reset to beginning
-  useEffect(function () {
+  useEffect(() => {
     setItems(initialPages);
     setPagination(initialPagination);
   }, [getPages, setItems, setPagination]);
-  useEffect(function () {
+  useEffect(() => {
     // eslint-disable-next-line
     // console.log('try to load');
     if (!canLoad || loading || lastPage !== null && pageNumber > lastPage) {
@@ -790,33 +752,28 @@ var useItems = function useItems(_ref) {
     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;
+    getPages(query, pageNumber, pageCount).then(response => getPageFromResponse(response)).then(response_0 => {
+      const {
+        data = null,
+        meta = null
+      } = response_0 || {};
       // console.log('response --- ', response);
       //  This is not a paginated list so we dont care anymore
       if (data === null && meta === null) {
-        setItems(response);
+        setItems(response_0);
         setPaginated(false);
       } else {
-        setItems(function (old) {
-          return [].concat(_toConsumableArray(old || null), _toConsumableArray(data));
-        });
+        setItems(old => [...(old || null), ...data]);
         setPagination(meta);
         setPaginated(true);
       }
-      return response;
-    }).then(function (response) {
+      return response_0;
+    }).then(response_1 => {
       setLoading(false);
       if (onLoaded !== null) {
-        onLoaded(response);
+        onLoaded(response_1);
       }
-    })["catch"](function (e) {
+    }).catch(e => {
       // Error is real
       setLoading(false);
       if (onError !== null) {
@@ -824,229 +781,358 @@ var useItems = function useItems(_ref) {
       }
     });
   }, [query, pageNumber, canLoad, getPages, setLoading, setItems, setPagination, onLoaded, onError]);
-  var reset = useCallback(function () {
+  const reset = useCallback(() => {
     setItems([]);
     setPagination(null);
     setCanLoad(true);
   }, [setItems, setPagination, setCanLoad]);
 
   // Resets the game, "natural" refresh
-  var onQueryChange = useEffect(function () {
+  const onQueryChange = useEffect(() => {
     reset();
   }, [query, page, count, reset]);
 
   // Handle to Load next
-  var loadNextPage = useCallback(function () {
+  const loadNextPage = useCallback(() => {
     if (!loading && pageNumber < lastPage) {
-      var params = _objectSpread(_objectSpread({}, pagination), {}, {
+      const params = {
+        ...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);
+  const disabled = (items_0 || []).length === 0 || loading || pageNumber >= lastPage || lastPage === null || lastPage === 1;
+  const regularLoaded = !paginated && items_0 !== null;
+  const paginatedLoaded = !loading && items_0 !== null && (items_0.length === total_0 || pageNumber >= lastPage);
   return {
-    items: items,
-    total: total,
+    items: items_0,
+    total: total_0,
     page: pageNumber,
     count: pageCount,
-    lastPage: lastPage,
-    loading: loading,
+    lastPage,
+    loading,
     loaded: !loading,
     allLoaded: regularLoaded || paginatedLoaded,
-    disabled: disabled,
-    loadNextPage: loadNextPage,
-    reset: reset
+    disabled,
+    loadNextPage,
+    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 = 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));
+const useMedias = (t0, t1, t2, t3) => {
+  const $ = c(8);
+  const query = t0 === undefined ? null : t0;
+  const page = t1 === undefined ? 1 : t1;
+  const count = t2 === undefined ? 10 : t2;
+  const opts = t3 === undefined ? null : t3;
+  const api = useApi();
+  let t4;
+  if ($[0] !== api) {
+    t4 = (newQuery, t5, t6) => {
+      const requestedPage = t5 === undefined ? null : t5;
+      const requestedCount = t6 === undefined ? null : t6;
+      return api.medias.get(newQuery, requestedPage, requestedCount);
+    };
+    $[0] = api;
+    $[1] = t4;
+  } else {
+    t4 = $[1];
+  }
+  const getPage = t4;
+  let t5;
+  if ($[2] !== count || $[3] !== getPage || $[4] !== opts || $[5] !== page || $[6] !== query) {
+    t5 = {
+      getPage,
+      query,
+      page,
+      count,
+      ...opts
+    };
+    $[2] = count;
+    $[3] = getPage;
+    $[4] = opts;
+    $[5] = page;
+    $[6] = query;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  return useItems(t5);
 };
 
-var useMediasRecent = function useMediasRecent(opts) {
-  var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'media-gallery-recent-searches';
-  var createSearch = useCallback(function (value) {
-    if (typeof 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 = useCallback(function () {
-    var count = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 5;
-    if (typeof 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
-  };
+const useMediasRecent = (opts, t0) => {
+  const $ = c(7);
+  const key = t0 === undefined ? "media-gallery-recent-searches" : t0;
+  let t1;
+  if ($[0] !== key) {
+    t1 = value => {
+      if (typeof window !== "undefined" && value) {
+        const recent = window.localStorage.getItem(key) || null;
+        const current = recent !== null ? JSON.parse(recent || "[]") : [];
+        const encoded = JSON.stringify([value, ...current]);
+        window.localStorage.setItem(key, encoded);
+        return true;
+      }
+      return false;
+    };
+    $[0] = key;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const createSearch = t1;
+  let t2;
+  if ($[2] !== key) {
+    t2 = t3 => {
+      const count = t3 === undefined ? 5 : t3;
+      if (typeof window !== "undefined") {
+        const recent_0 = window.localStorage.getItem(key) || null;
+        const current_0 = recent_0 !== null ? JSON.parse(recent_0 || "[]") : [];
+        return current_0.slice(0, count);
+      }
+      return [];
+    };
+    $[2] = key;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const getSearches = t2;
+  let t3;
+  if ($[4] !== createSearch || $[5] !== getSearches) {
+    t3 = {
+      createSearch,
+      getSearches
+    };
+    $[4] = createSearch;
+    $[5] = getSearches;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
 };
 
-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 = useCallback(function () {
-    return api.medias.getTags(query, count);
-  }, [api, query, count]);
-  var _useItems = useItems$1(_objectSpread({
-      getItems: getItems
-    }, opts)),
-    items = _useItems.items;
-    _useItems.pageItems;
-    var request = _objectWithoutProperties(_useItems, _excluded$1);
-  return _objectSpread({
-    tags: items
-  }, request);
+const useMediaTags = (t0, t1, t2) => {
+  const $ = c(13);
+  const query = t0 === undefined ? null : t0;
+  const count = t1 === undefined ? 5 : t1;
+  const opts = t2 === undefined ? null : t2;
+  const api = useApi();
+  let t3;
+  if ($[0] !== api || $[1] !== count || $[2] !== query) {
+    t3 = () => api.medias.getTags(query, count);
+    $[0] = api;
+    $[1] = count;
+    $[2] = query;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const getItems = t3;
+  let t4;
+  if ($[4] !== getItems || $[5] !== opts) {
+    t4 = {
+      getItems,
+      ...opts
+    };
+    $[4] = getItems;
+    $[5] = opts;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  const t5 = useItems$1(t4);
+  let items;
+  let request;
+  if ($[7] !== t5) {
+    const {
+      items: t6,
+      pageItems,
+      ...t7
+    } = t5;
+    items = t6;
+    request = t7;
+    $[7] = t5;
+    $[8] = items;
+    $[9] = request;
+  } else {
+    items = $[8];
+    request = $[9];
+  }
+  let t6;
+  if ($[10] !== items || $[11] !== request) {
+    t6 = {
+      tags: items,
+      ...request
+    };
+    $[10] = items;
+    $[11] = request;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  return t6;
 };
 
-var useMediaUpdate = function useMediaUpdate() {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    updating = _useState2[0],
-    setUpdating = _useState2[1];
-  var api = useApi();
-  var update = 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
-  };
+const useMediaUpdate = () => {
+  const $ = c(5);
+  const [updating, setUpdating] = useState(false);
+  const api = useApi();
+  let t0;
+  if ($[0] !== api) {
+    t0 = (id, data) => {
+      setUpdating(true);
+      return api.medias.update(id, data).then(response => {
+        setUpdating(false);
+        return response;
+      });
+    };
+    $[0] = api;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const update = t0;
+  let t1;
+  if ($[2] !== update || $[3] !== updating) {
+    t1 = {
+      update,
+      updating
+    };
+    $[2] = update;
+    $[3] = updating;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  return t1;
 };
 
-var useMediaRequestDelete = function useMediaRequestDelete() {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    requesting = _useState2[0],
-    setRequesting = _useState2[1];
-  var api = useApi();
-  var requestDeleteMedia = useCallback(function (id) {
-    setRequesting(true);
-    return api.medias.requestDeleteMedia(id).then(function (response) {
-      setRequesting(false);
-      return response;
-    });
-  }, [api, setRequesting]);
-  return {
-    requestDeleteMedia: requestDeleteMedia,
-    requesting: requesting
-  };
+const useMediaRequestDelete = () => {
+  const $ = c(5);
+  const [requesting, setRequesting] = useState(false);
+  const api = useApi();
+  let t0;
+  if ($[0] !== api) {
+    t0 = id => {
+      setRequesting(true);
+      return api.medias.requestDeleteMedia(id).then(response => {
+        setRequesting(false);
+        return response;
+      });
+    };
+    $[0] = api;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const requestDeleteMedia = t0;
+  let t1;
+  if ($[2] !== requestDeleteMedia || $[3] !== requesting) {
+    t1 = {
+      requestDeleteMedia,
+      requesting
+    };
+    $[2] = requestDeleteMedia;
+    $[3] = requesting;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  return t1;
 };
 
-var useMediaDelete = function useMediaDelete() {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    deleting = _useState2[0],
-    setDeleting = _useState2[1];
-  var api = useApi();
-  var deleteMedia = useCallback(function (id) {
-    setDeleting(true);
-    return api.medias["delete"](id).then(function (response) {
-      setDeleting(false);
-      return response;
-    });
-  }, [api, setDeleting]);
-  return {
-    deleteMedia: deleteMedia,
-    deleting: deleting
-  };
+const useMediaDelete = () => {
+  const $ = c(5);
+  const [deleting, setDeleting] = useState(false);
+  const api = useApi();
+  let t0;
+  if ($[0] !== api) {
+    t0 = id => {
+      setDeleting(true);
+      return api.medias.delete(id).then(response => {
+        setDeleting(false);
+        return response;
+      });
+    };
+    $[0] = api;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const deleteMedia = t0;
+  let t1;
+  if ($[2] !== deleteMedia || $[3] !== deleting) {
+    t1 = {
+      deleteMedia,
+      deleting
+    };
+    $[2] = deleteMedia;
+    $[3] = deleting;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  return t1;
 };
 
-var _excluded = ["data"];
-var useQuiz = function useQuiz() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  var _ref = options || {},
-    _ref$screenId = _ref.screenId,
-    screenId = _ref$screenId === void 0 ? null : _ref$screenId,
-    _ref$storyId = _ref.storyId,
-    providedStoryId = _ref$storyId === void 0 ? null : _ref$storyId,
-    _ref$opts = _ref.opts,
-    opts = _ref$opts === void 0 ? {} : _ref$opts;
-  var api = useApi();
-  var _ref2 = useStory() || {},
-    storyId = _ref2.id,
-    documentId = _ref2.document_id;
-  var loader = useCallback(function () {
-    return api !== null ? api.quiz.results(screenId, {
-      story_id: documentId || providedStoryId || storyId
-    }) : null;
-  }, [api, screenId, documentId, providedStoryId, storyId]);
-  var _ref3 = api !== null ? useData(loader, opts) : {
-      data: null
-    },
-    data = _ref3.data,
-    request = _objectWithoutProperties(_ref3, _excluded);
-  return _objectSpread({
-    quiz: data || []
-  }, request);
+const useQuiz = (options = null) => {
+  const {
+    screenId = null,
+    storyId: providedStoryId = null,
+    opts = {}
+  } = options || {};
+  const api = useApi();
+  const {
+    id: storyId,
+    document_id: documentId
+  } = useStory() || {};
+  const loader = useCallback(() => api !== null ? api.quiz.results(screenId, {
+    story_id: documentId || providedStoryId || storyId
+  }) : null, [api, screenId, documentId, providedStoryId, storyId]);
+  const {
+    data,
+    ...request
+  } = api !== null ? useData(loader, opts) : {
+    data: null
+  };
+  return {
+    quiz: data || [],
+    ...request
+  };
 };
 
-var useQuizCreate = function useQuizCreate() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  var _ref = options || {},
-    _ref$screenId = _ref.screenId,
-    screenId = _ref$screenId === void 0 ? null : _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 = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    creating = _useState2[0],
-    setCreating = _useState2[1];
-  var _ref2 = useVisitor() || {},
-    visitorId = _ref2.id;
-  var _ref3 = useStory() || {},
-    storyId = _ref3.id,
-    documentId = _ref3.document_id;
-  var create = useCallback(function (data) {
+const useQuizCreate = (options = null) => {
+  const {
+    screenId = null,
+    visitorId: providedVisitorId = null,
+    storyId: providedStoryId = null,
+    onSuccess = null
+  } = options || {};
+  const api = useApi();
+  const [creating, setCreating] = useState(false);
+  const {
+    id: visitorId
+  } = useVisitor() || {};
+  const {
+    id: storyId,
+    document_id: documentId
+  } = useStory() || {};
+  const create = useCallback(data => {
     if (api === null) {
       return null;
     }
     setCreating(true);
-    return api.quiz.create(_objectSpread({
+    return api.quiz.create({
       screen_id: screenId,
       visitor_id: providedVisitorId || visitorId,
-      story_id: documentId || providedStoryId || storyId
-    }, data)).then(function (response) {
+      story_id: documentId || providedStoryId || storyId,
+      ...data
+    }).then(response => {
       setCreating(false);
       if (onSuccess !== null) {
         onSuccess(response);
@@ -1055,23 +1141,36 @@ var useQuizCreate = function useQuizCreate() {
     });
   }, [api, setCreating, onSuccess, screenId, visitorId, storyId, providedVisitorId, providedStoryId]);
   return {
-    create: create,
-    creating: creating
+    create,
+    creating
   };
 };
 
-function DataProvider(_ref) {
-  var _ref$api = _ref.api,
-    api = _ref$api === void 0 ? null : _ref$api,
-    _ref$apiBaseUrl = _ref.apiBaseUrl,
-    apiBaseUrl = _ref$apiBaseUrl === void 0 ? undefined : _ref$apiBaseUrl,
-    _ref$children = _ref.children,
-    children = _ref$children === void 0 ? null : _ref$children;
-  return /*#__PURE__*/jsx(ApiProvider, {
-    api: api,
-    baseUrl: apiBaseUrl,
-    children: children
-  });
+function DataProvider(t0) {
+  const $ = c(4);
+  const {
+    api: t1,
+    apiBaseUrl: t2,
+    children: t3
+  } = t0;
+  const api = t1 === undefined ? null : t1;
+  const apiBaseUrl = t2 === undefined ? undefined : t2;
+  const children = t3 === undefined ? null : t3;
+  let t4;
+  if ($[0] !== api || $[1] !== apiBaseUrl || $[2] !== children) {
+    t4 = /*#__PURE__*/jsx(ApiProvider, {
+      api: api,
+      baseUrl: apiBaseUrl,
+      children: children
+    });
+    $[0] = api;
+    $[1] = apiBaseUrl;
+    $[2] = children;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  return t4;
 }
 
 export { Api, ApiProvider, Base as BaseApi, DataProvider, useApi, useContributionCreate, useContributions, useData, useItems$1 as useItems, useMedia, useMediaAuthors, useMediaCreate, useMediaDelete, useMediaRequestDelete, useMediaTags, useMediaUpdate, useMedias, useMediasRecent as useMediasRecentSearches, useQuiz, useQuizCreate };