@sberdevices/plasma-temple/dist/components/Cart/CartProvider/CartProvider.js

SberDevices CanvasApp Templates.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.CartProvider = CartProvider;

var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));

var _useGetMutableValue = /*#__PURE__*/require("../../../hooks/useGetMutableValue");

var _CartContext = /*#__PURE__*/require("./CartContext");

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

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }

function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }

function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }

function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }

function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }

function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }

function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }

function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }

function updateCartItemByIndex(items, cartItem, index) {
  return items.slice(0, index).concat(cartItem, items.slice(index + 1));
}

function updateCartQuantityAndAmount(items) {
  var _items$reduce = items.reduce(function (acc, item) {
    return {
      quantity: acc.quantity + item.quantity,
      amount: acc.amount + (item.present ? 0 : item.price * item.quantity)
    };
  }, {
    quantity: 0,
    amount: 0
  }),
      quantity = _items$reduce.quantity,
      amount = _items$reduce.amount;

  return {
    quantity: quantity,
    amount: amount
  };
}
/** Компонент предназначен для управления состоянием корзины */


function CartProvider(_ref) {
  var _ref$initialState = _ref.initialState,
      initialState = _ref$initialState === void 0 ? (0, _CartContext.getInitialState)() : _ref$initialState,
      children = _ref.children,
      dropItemIfQuantityZero = _ref.dropItemIfQuantityZero,
      onAddItem = _ref.onAddItem,
      onChangeItemQuantity = _ref.onChangeItemQuantity,
      onRemoveItem = _ref.onRemoveItem,
      onClearCart = _ref.onClearCart,
      onChangeCart = _ref.onChangeCart;

  var _React$useState = _react["default"].useState(initialState),
      _React$useState2 = _slicedToArray(_React$useState, 2),
      state = _React$useState2[0],
      setState = _React$useState2[1];

  var getState = (0, _useGetMutableValue.useGetMutableValue)(state);
  var getHandlers = (0, _useGetMutableValue.useGetMutableValue)({
    onAddItem: onAddItem,
    onChangeItemQuantity: onChangeItemQuantity,
    onRemoveItem: onRemoveItem,
    onClearCart: onClearCart,
    onChangeCart: onChangeCart
  });

  var isOverQuantityLimit = _react["default"].useCallback(function (plusQuantity) {
    var _getState = getState(),
        cartQuantity = _getState.quantity,
        quantityLimit = _getState.quantityLimit;

    return Boolean(quantityLimit && plusQuantity + cartQuantity > quantityLimit);
  }, [getState]);

  var handleChangeCart = _react["default"].useCallback( /*#__PURE__*/function () {
    var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(params) {
      var _handlers$onChangeCar, _handlers$onAddItem, _handlers$onChangeIte, _handlers$onRemoveIte, _handlers$onClearCart;

      var newState, event, handlers;
      return regeneratorRuntime.wrap(function _callee$(_context) {
        while (1) {
          switch (_context.prev = _context.next) {
            case 0:
              newState = params.state, event = params.event;
              handlers = getHandlers();
              setState(newState);
              (_handlers$onChangeCar = handlers.onChangeCart) === null || _handlers$onChangeCar === void 0 ? void 0 : _handlers$onChangeCar.call(handlers, _objectSpread(_objectSpread({}, params), {}, {
                changeState: setState
              }));
              _context.t0 = event.type;
              _context.next = _context.t0 === 'addItem' ? 7 : _context.t0 === 'changeItemQuantity' ? 9 : _context.t0 === 'removeItem' ? 11 : _context.t0 === 'clearCart' ? 13 : 15;
              break;

            case 7:
              (_handlers$onAddItem = handlers.onAddItem) === null || _handlers$onAddItem === void 0 ? void 0 : _handlers$onAddItem.call(handlers, {
                state: newState,
                item: event.item,
                changeState: setState
              });
              return _context.abrupt("break", 15);

            case 9:
              (_handlers$onChangeIte = handlers.onChangeItemQuantity) === null || _handlers$onChangeIte === void 0 ? void 0 : _handlers$onChangeIte.call(handlers, {
                state: newState,
                item: event.item,
                changeState: setState
              });
              return _context.abrupt("break", 15);

            case 11:
              (_handlers$onRemoveIte = handlers.onRemoveItem) === null || _handlers$onRemoveIte === void 0 ? void 0 : _handlers$onRemoveIte.call(handlers, {
                state: newState,
                item: event.item,
                changeState: setState
              });
              return _context.abrupt("break", 15);

            case 13:
              (_handlers$onClearCart = handlers.onClearCart) === null || _handlers$onClearCart === void 0 ? void 0 : _handlers$onClearCart.call(handlers);
              return _context.abrupt("break", 15);

            case 15:
            case "end":
              return _context.stop();
          }
        }
      }, _callee);
    }));

    return function (_x) {
      return _ref2.apply(this, arguments);
    };
  }(), [getHandlers]);

  var removeItem = _react["default"].useCallback(function (id) {
    var currentState = getState();
    var cartItem = currentState.items.find(function (item) {
      return item.id === id;
    });
    var updatedItems = currentState.items.filter(function (item) {
      return item.id !== id;
    });

    var newState = _objectSpread(_objectSpread({}, currentState), {}, {
      items: updatedItems
    }, updateCartQuantityAndAmount(updatedItems));

    if (cartItem) {
      handleChangeCart({
        state: newState,
        event: {
          type: 'removeItem',
          item: cartItem
        }
      });
    }
  }, [getState, handleChangeCart]);

  var changeItemQuantity = _react["default"].useCallback(function (id, newQuantity) {
    var _items$itemIndex$quan;

    var currentState = getState();
    var items = currentState.items;
    var itemIndex = items.findIndex(function (cartItem) {
      return cartItem.id === id;
    });

    if (itemIndex === -1) {
      return;
    }

    if (isOverQuantityLimit(newQuantity - items[itemIndex].quantity)) {
      return;
    }

    var quantity = Math.min(Math.max(0, newQuantity), (_items$itemIndex$quan = items[itemIndex].quantityLimit) !== null && _items$itemIndex$quan !== void 0 ? _items$itemIndex$quan : Infinity);

    if (dropItemIfQuantityZero && quantity < 1) {
      removeItem(id);
      return;
    }

    var cartItem = _objectSpread(_objectSpread({}, items[itemIndex]), {}, {
      quantity: quantity
    });

    var updatedItems = updateCartItemByIndex(items, cartItem, itemIndex);

    var newState = _objectSpread(_objectSpread({}, currentState), {}, {
      items: updatedItems
    }, updateCartQuantityAndAmount(updatedItems));

    handleChangeCart({
      state: newState,
      event: {
        type: 'changeItemQuantity',
        item: cartItem
      }
    });
  }, [dropItemIfQuantityZero, getState, isOverQuantityLimit, handleChangeCart, removeItem]);

  var addItem = _react["default"].useCallback(function (newItem) {
    var currentState = getState();
    var items = currentState.items;
    var itemIndex = items.findIndex(function (_ref3) {
      var id = _ref3.id;
      return newItem.id === id;
    });

    if (itemIndex > -1) {
      changeItemQuantity(newItem.id, newItem.quantity);
      return;
    }

    if (isOverQuantityLimit(newItem.quantity)) {
      return;
    }

    var updatedItems = items.concat(newItem);

    var newState = _objectSpread(_objectSpread({}, currentState), {}, {
      items: updatedItems
    }, updateCartQuantityAndAmount(updatedItems));

    handleChangeCart({
      state: newState,
      event: {
        type: 'addItem',
        item: newItem
      }
    });
  }, [changeItemQuantity, getState, isOverQuantityLimit, handleChangeCart]);

  var clearCart = _react["default"].useCallback(function () {
    var newState = _objectSpread(_objectSpread({}, getState()), {}, {
      items: [],
      amount: 0,
      quantity: 0
    });

    handleChangeCart({
      state: newState,
      event: {
        type: 'clearCart'
      }
    });
  }, [getState, handleChangeCart]);

  var value = _react["default"].useMemo(function () {
    return {
      state: state,
      changeState: setState,
      addItem: addItem,
      removeItem: removeItem,
      changeItemQuantity: changeItemQuantity,
      clearCart: clearCart,
      isOverQuantityLimit: isOverQuantityLimit
    };
  }, [addItem, changeItemQuantity, clearCart, isOverQuantityLimit, removeItem, state]);

  return /*#__PURE__*/_react["default"].createElement(_CartContext.CartContext.Provider, {
    value: value
  }, children);
}
//# sourceMappingURL=CartProvider.js.map