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

products-embed React component

import _regeneratorRuntime from "babel-runtime/regenerator";

var _this = this;

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"); }); }; }

import { useEffect } from "react";
import { fetchProducts, PRODUCTS_ERROR, PRODUCTS_LOADING, PRODUCTS_SET } from "../utils";
import useEmbedDispatch from "./useEmbedDispatch";
import useEmbedState from "./useEmbedState";

var useProductFetcherEffect = function useProductFetcherEffect() {
  var _useEmbedState = useEmbedState(),
      products = _useEmbedState.products,
      preFetchedProducts = _useEmbedState.preFetchedProducts,
      provider = _useEmbedState.provider,
      filterQuery = _useEmbedState.filterQuery;

  var dispatchAction = useEmbedDispatch();

  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: 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__*/_regeneratorRuntime.mark(function _callee() {
        var productsResponse, productsResponseData;
        return _regeneratorRuntime.wrap(function _callee$(_context) {
          while (1) {
            switch (_context.prev = _context.next) {
              case 0:
                dispatchAction({
                  type: PRODUCTS_LOADING
                });

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

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


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

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

                dispatchAction({
                  type: PRODUCTS_ERROR
                });

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

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

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

export default useProductFetcherEffect;