@open-tender/ui
Version:
A component library for use with the Open Tender web app
25 lines (24 loc) • 1.73 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 Button_1 = tslib_1.__importDefault(require("./Button"));
const Text_1 = tslib_1.__importDefault(require("./Text"));
const View_1 = tslib_1.__importDefault(require("./View"));
const AccountLoyalty = ({ config, handlers, account, loyaltyProgram }) => {
const { first_name } = account;
const greeting = `Welcome back, ${first_name}`;
const { credit: points } = loyaltyProgram.perk || {};
const pointsMsg = points
? `You've got ${(0, utils_1.formatQuantity)(points.toString())} points!`
: null;
return (react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_2.makeProps)(config, 'accountLoyalty')),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_2.makeProps)(config, 'accountLoyalty__header')),
react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_2.makeProps)(config, 'accountLoyalty__title'), { text: greeting })),
pointsMsg && (react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_2.makeProps)(config, 'accountLoyalty__subtitle'), { text: pointsMsg }))),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_2.makeProps)(config, 'accountLoyalty__buttons')),
react_1.default.createElement(Button_1.default, Object.assign({}, (0, utils_2.makeProps)(config, 'accountLoyalty__orderNow'), { onClick: handlers.startOrder }))))));
};
exports.default = AccountLoyalty;