@open-tender/store/dist/esm/components/PointsRewards.js

A library of hooks, reducers, utility functions, and types for use with Open Tender applications that utilize our in-store POS API

import React, { useCallback } from 'react';
import { useAppSelector } from '../app/hooks';
import { useCustomerRewards } from '../hooks';
import { selectKioskConfig } from '../slices';
import { default as PointsRewardContainer } from './PointsReward';
var PointsRewards = function (_a) {
    var children = _a.children, PointsRewardView = _a.PointsRewardView, QuantityView = _a.QuantityView;
    var config = useAppSelector(selectKioskConfig).pointsRewards;
    var _b = useCustomerRewards(), items = _b.items, points = _b.points, pointsApplied = _b.pointsApplied, pointsRemaining = _b.pointsRemaining;
    var renderPointReward = useCallback(function (item) { return (React.createElement(PointsRewardContainer, { item: item, children: PointsRewardView, QuantityView: QuantityView })); }, [PointsRewardView, QuantityView]);
    if (!config)
        return null;
    return children({
        config: config,
        items: items,
        points: points,
        pointsApplied: pointsApplied,
        pointsRemaining: pointsRemaining,
        renderPointReward: renderPointReward
    });
};
export default PointsRewards;