@b2bfinance/products-embed/lib/hooks/useProductFetcherEffect.js

products-embed React component

"use strict";

exports.__esModule = true;

var _regenerator = require("babel-runtime/regenerator");

var _regenerator2 = _interopRequireDefault(_regenerator);

var _react = require("react");

var _utils = require("../utils");

var _useEmbedDispatch = require("./useEmbedDispatch");

var _useEmbedDispatch2 = _interopRequireDefault(_useEmbedDispatch);

var _useEmbedState2 = require("./useEmbedState");

var _useEmbedState3 = _interopRequireDefault(_useEmbedState2);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }

var useProductFetcherEffect = function useProductFetcherEffect() {
  var _useEmbedState = (0, _useEmbedState3.default)(),
      products = _useEmbedState.products,
      preFetchedProducts = _useEmbedState.preFetchedProducts,
      provider = _useEmbedState.provider,
      filterQuery = _useEmbedState.filterQuery;

  var dispatchAction = (0, _useEmbedDispatch2.default)();

  (0, _react.useEffect)(function () {
    // If we have preloaded products and have not filtered then set
    // the preloaded products as the currently active products
    if (preFetchedProducts.length > 0 && !filterQuery && products !== preFetchedProducts) {
      dispatchAction({
        type: _utils.PRODUCTS_SET,
        products: preFetchedProducts
      });

      return;
    }

    // No provider means we don't need to fetch any products let's abort now.
    if (!provider) {
      return;
    }

    var fetchData = function () {
      var _ref = _asyncToGenerator( /*#__PURE__*/_regenerator2.default.mark(function _callee() {
        var productsResponse, productsResponseData;
        return _regenerator2.default.wrap(function _callee$(_context) {
          while (1) {
            switch (_context.prev = _context.next) {
              case 0:
                dispatchAction({
                  type: _utils.PRODUCTS_LOADING
                });

                _context.prev = 1;
                _context.next = 4;
                return (0, _utils.fetchProducts)(provider, filterQuery);

              case 4:
                productsResponse = _context.sent;
                productsResponseData = productsResponse.data;


                dispatchAction({
                  type: _utils.PRODUCTS_SET,
                  products: productsResponseData.data
                });
                _context.next = 12;
                break;

              case 9:
                _context.prev = 9;
                _context.t0 = _context["catch"](1);

                dispatchAction({
                  type: _utils.PRODUCTS_ERROR
                });

              case 12:
              case "end":
                return _context.stop();
            }
          }
        }, _callee, undefined, [[1, 9]]);
      }));

      return function fetchData() {
        return _ref.apply(this, arguments);
      };
    }();

    fetchData();
  }, [filterQuery]);
};

exports.default = useProductFetcherEffect;
module.exports = exports["default"];