@micromag/data 0.2.286

package/lib/index.js

@@ -0,0 +1,930 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var React = require('react');
+var PropTypes = require('prop-types');
+var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
+var _inherits = require('@babel/runtime/helpers/inherits');
+var _createSuper = require('@babel/runtime/helpers/createSuper');
+var _createClass = require('@babel/runtime/helpers/createClass');
+var fetch = require('@folklore/fetch');
+var reactRouter = require('react-router');
+var queryString = require('query-string');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
+var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
+var _createSuper__default = /*#__PURE__*/_interopDefaultLegacy(_createSuper);
+var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
+
+var Base = /*#__PURE__*/function () {
+  function Base() {
+    var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+    _classCallCheck__default['default'](this, Base);
+
+    this.options = _objectSpread__default['default'](_objectSpread__default['default']({
+      routes: {}
+    }, opts), {}, {
+      baseUrl: opts.baseUrl || 'https://micromag.ca/api'
+    });
+  }
+
+  _createClass__default['default'](Base, [{
+    key: "requestGet",
+    value: function requestGet(path) {
+      var query = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      var queryString$1 = query !== null ? queryString.stringify(query, {
+        arrayFormat: 'bracket'
+      }) : null;
+      return fetch.getJSON("".concat(this.getFullUrl(path)).concat(queryString$1 !== null && queryString$1.length > 0 ? "?".concat(queryString$1) : ''), {
+        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__default['default']({
+        _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 reactRouter.generatePath(routes[_route] || _route, params);
+    }
+  }, {
+    key: "getFullUrl",
+    value: function getFullUrl(path) {
+      var baseUrl = this.options.baseUrl;
+      return "".concat(baseUrl.replace(/\/$/, ''), "/").concat(path.replace(/^\//, ''));
+    }
+  }]);
+
+  return Base;
+}();
+
+var MediasApi = /*#__PURE__*/function (_Base) {
+  _inherits__default['default'](MediasApi, _Base);
+
+  var _super = _createSuper__default['default'](MediasApi);
+
+  function MediasApi() {
+    var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+    _classCallCheck__default['default'](this, MediasApi);
+
+    return _super.call(this, _objectSpread__default['default'](_objectSpread__default['default']({}, opts), {}, {
+      routes: _objectSpread__default['default']({
+        index: 'medias',
+        tags: 'medias/tags',
+        show: 'medias/:media',
+        store: 'medias',
+        update: 'medias/:media',
+        "delete": 'medias/:media'
+      }, opts.routes || null)
+    }));
+  }
+
+  _createClass__default['default'](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__default['default']({}, 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__default['default']({}, query);
+
+      if (count !== null) {
+        finalQuery.count = count;
+      }
+
+      return this.requestGet(this.route('tags'), 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: "delete",
+    value: function _delete(id) {
+      return this.requestDelete(this.route('delete', {
+        media: id
+      }));
+    }
+  }]);
+
+  return MediasApi;
+}(Base);
+
+var ContributionsApi = /*#__PURE__*/function (_Base) {
+  _inherits__default['default'](ContributionsApi, _Base);
+
+  var _super = _createSuper__default['default'](ContributionsApi);
+
+  function ContributionsApi() {
+    var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+    _classCallCheck__default['default'](this, ContributionsApi);
+
+    return _super.call(this, _objectSpread__default['default'](_objectSpread__default['default']({}, opts), {}, {
+      routes: _objectSpread__default['default']({
+        index: '/contributions/:screen',
+        store: '/contributions',
+        update: '/contributions/:contribution',
+        "delete": '/contributions/:contribution'
+      }, opts.routes || null)
+    }));
+  }
+
+  _createClass__default['default'](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__default['default']({}, 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);
+    }
+  }]);
+
+  return ContributionsApi;
+}(Base);
+
+var QuizApi = /*#__PURE__*/function (_Base) {
+  _inherits__default['default'](QuizApi, _Base);
+
+  var _super = _createSuper__default['default'](QuizApi);
+
+  function QuizApi() {
+    var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+    _classCallCheck__default['default'](this, QuizApi);
+
+    return _super.call(this, _objectSpread__default['default'](_objectSpread__default['default']({}, opts), {}, {
+      routes: _objectSpread__default['default']({
+        results: '/quiz/:screen',
+        store: '/quiz',
+        update: '/quiz/:quiz',
+        "delete": '/quiz/:quiz'
+      }, opts.routes || null)
+    }));
+  }
+
+  _createClass__default['default'](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);
+    }
+  }]);
+
+  return QuizApi;
+}(Base);
+
+var Api = /*#__PURE__*/function (_Base) {
+  _inherits__default['default'](Api, _Base);
+
+  var _super = _createSuper__default['default'](Api);
+
+  function Api() {
+    var _this;
+
+    var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+    _classCallCheck__default['default'](this, Api);
+
+    _this = _super.call(this, opts);
+    _this.medias = new MediasApi(opts);
+    _this.contributions = new ContributionsApi(opts);
+    _this.quiz = new QuizApi(opts);
+    return _this;
+  }
+
+  return Api;
+}(Base);
+
+/* eslint-disable react/jsx-props-no-spreading */
+var ApiContext = /*#__PURE__*/React__default['default'].createContext(null);
+var useApi = function useApi() {
+  return React.useContext(ApiContext);
+};
+var propTypes$1 = {
+  api: PropTypes__default['default'].instanceOf(Api),
+  baseUrl: PropTypes__default['default'].string,
+  children: PropTypes__default['default'].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({
+      baseUrl: baseUrl // baseUrl: 'https://micromag.studio.homestead.flklr.ca/api',
+
+    });
+  }, [previousApi, initialApi, baseUrl]);
+  return /*#__PURE__*/React__default['default'].createElement(ApiContext.Provider, {
+    value: api
+  }, children);
+};
+ApiProvider.propTypes = propTypes$1;
+ApiProvider.defaultProps = defaultProps$1;
+
+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__default['default'](_useState, 2),
+      loading = _useState2[0],
+      setLoading = _useState2[1];
+
+  var _useState3 = React.useState(false),
+      _useState4 = _slicedToArray__default['default'](_useState3, 2),
+      error = _useState4[0],
+      setError = _useState4[1];
+
+  var _useState5 = React.useState(initialData),
+      _useState6 = _slicedToArray__default['default'](_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 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__default['default'](new Array(10)).map(function (el, i) {
+    return {
+      name: "Nom ".concat(i + 1),
+      message: "Message ".concat(i + 1)
+    };
+  })),
+      _useState2 = _slicedToArray__default['default'](_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(loader, opts) : {
+    data: null
+  },
+      data = _ref2.data,
+      request = _objectWithoutProperties__default['default'](_ref2, ["data"]);
+
+  return _objectSpread__default['default']({
+    contributions: data || defaultContributions
+  }, request);
+};
+
+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__default['default'](_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__default['default']({
+      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 useItems = 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__default['default'](_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__default['default'](_objectSpread__default['default']({}, 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__default['default']((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__default['default'](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__default['default'](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 useMedias = function useMedias() {
+  var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  var page = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  var count = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  var opts = arguments.length > 3 ? arguments[3] : undefined;
+  var api = useApi();
+  var getItems = React.useCallback(function () {
+    var requestedPage = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    return api.medias.get(query, requestedPage, count);
+  }, [api, query, count]);
+
+  var _useItems = useItems(_objectSpread__default['default']({
+    getPage: page !== null ? getItems : null,
+    getItems: page === null ? getItems : null,
+    page: page
+  }, opts)),
+      items = _useItems.items,
+      pageItems = _useItems.pageItems,
+      request = _objectWithoutProperties__default['default'](_useItems, ["items", "pageItems"]); // console.log('medias', items);
+
+
+  return _objectSpread__default['default']({
+    medias: page !== null ? pageItems : items,
+    allMedias: items
+  }, request);
+};
+
+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__default['default'](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 useMedia = function useMedia(id, opts) {
+  var api = useApi();
+  var loader = React.useCallback(function () {
+    return api.medias.find(id);
+  }, [api, id]);
+
+  var _useData = useData(loader, opts),
+      data = _useData.data,
+      request = _objectWithoutProperties__default['default'](_useData, ["data"]);
+
+  return _objectSpread__default['default']({
+    story: data
+  }, request);
+};
+
+var useMediaCreate = function useMediaCreate() {
+  var _useState = React.useState(false),
+      _useState2 = _slicedToArray__default['default'](_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 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;
+  var api = useApi();
+  var getItems = React.useCallback(function () {
+    return api.medias.getTags(query, count);
+  }, [api, query, count]);
+
+  var _useItems = useItems(_objectSpread__default['default']({
+    getItems: getItems
+  }, opts)),
+      items = _useItems.items,
+      request = _objectWithoutProperties__default['default'](_useItems, ["items", "pageItems"]);
+
+  return _objectSpread__default['default']({
+    tags: items
+  }, request);
+};
+
+var useMediaUpdate = function useMediaUpdate() {
+  var _useState = React.useState(false),
+      _useState2 = _slicedToArray__default['default'](_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 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(loader, opts) : {
+    data: null
+  },
+      data = _ref2.data,
+      request = _objectWithoutProperties__default['default'](_ref2, ["data"]);
+
+  return _objectSpread__default['default']({
+    quiz: data || []
+  }, request);
+};
+
+var useQuizCreate = function useQuizCreate() {
+  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__default['default'](_useState, 2),
+      creating = _useState2[0],
+      setCreating = _useState2[1];
+
+  var create = React.useCallback(function (data) {
+    if (api === null) {
+      return null;
+    }
+
+    setCreating(true);
+    return api.quiz.create(_objectSpread__default['default']({
+      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
+  };
+};
+
+/* eslint-disable react/jsx-props-no-spreading */
+var propTypes = {
+  api: PropTypes__default['default'].instanceOf(Api),
+  apiBaseUrl: PropTypes__default['default'].string,
+  children: PropTypes__default['default'].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__default['default'].createElement(ApiProvider, {
+    api: api,
+    baseUrl: apiBaseUrl
+  }, children);
+};
+
+DataProvider.propTypes = propTypes;
+DataProvider.defaultProps = defaultProps;
+
+exports.Api = Api;
+exports.ApiProvider = ApiProvider;
+exports.BaseApi = Base;
+exports.DataProvider = DataProvider;
+exports.useApi = useApi;
+exports.useContributionCreate = useContributionCreate;
+exports.useContributions = useContributions;
+exports.useData = useData;
+exports.useItems = useItems;
+exports.useMedia = useMedia;
+exports.useMediaCreate = useMediaCreate;
+exports.useMediaTags = useMediaTags;
+exports.useMediaUpdate = useMediaUpdate;
+exports.useMedias = useMedias;
+exports.useMediasRecentSearches = useMediasRecent;
+exports.useQuiz = useQuiz;
+exports.useQuizCreate = useQuizCreate;