@open-tender/ui
Version:
A component library for use with the Open Tender web app
23 lines (22 loc) • 2.08 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const utils_1 = require("@open-tender/utils");
const react_1 = tslib_1.__importDefault(require("react"));
const utils_2 = require("../utils");
const Text_1 = tslib_1.__importDefault(require("./Text"));
const View_1 = tslib_1.__importDefault(require("./View"));
const PointsRewards = ({ config, items, points, pointsApplied, pointsRemaining, renderPointReward }) => {
const pts = (0, utils_1.formatQuantity)(points.toString());
const subtitle = `You have ${pts} points that can be redeemed for free items.`;
const applied = (0, utils_1.formatQuantity)(pointsApplied.toString());
const remaining = (0, utils_1.formatQuantity)(pointsRemaining.toString());
const msg = `${applied} points applied and ${remaining} points remaining.`;
return (react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_2.makeProps)(config, 'pointsRewards')),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_2.makeProps)(config, 'pointsRewards__header')),
react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_2.makeProps)(config, 'pointsRewards__title'))),
pointsApplied ? (react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_2.makeProps)(config, 'pointsRewards__subtitle'), { text: msg }))) : (react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_2.makeProps)(config, 'pointsRewards__subtitle'), { text: subtitle })))),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_2.makeProps)(config, 'pointsRewards__items')),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_2.makeProps)(config, 'pointsRewards__itemsContainer')), items.map((item, index) => (react_1.default.createElement(View_1.default, Object.assign({ key: `${item.id}-${index}` }, (0, utils_2.makeProps)(config, 'pointsRewards__item')), renderPointReward(item))))))));
};
exports.default = PointsRewards;