@open-tender/ui
Version:
A component library for use with the Open Tender web app
27 lines (26 loc) • 2.99 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const utils_1 = require("../utils");
const Button_1 = tslib_1.__importDefault(require("./Button"));
const ModalContent_1 = tslib_1.__importDefault(require("./ModalContent"));
const Text_1 = tslib_1.__importDefault(require("./Text"));
const View_1 = tslib_1.__importDefault(require("./View"));
const OrderDetails = ({ config, modalContentConfig, title, subtitle, handlers, order, isReordering, requestedAt, renderCheckTotals, renderOrderDetailsItem }) => {
const changedModalContentConfig = Object.assign(Object.assign({}, modalContentConfig), { modalContent__title: config.orderDetails__orderNumber, modalContent__subtitle: config.orderDetails__orderTitle });
const { phone, street, city, postal_code } = order.revenue_center.address;
return (react_1.default.createElement(ModalContent_1.default, { config: changedModalContentConfig, title: title, subtitle: subtitle, submit: handlers.submit, cancel: handlers.close, cancelText: "Close" },
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'orderDetails')),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'orderDetails__summary')),
react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'orderDetails__summaryValue'), { text: requestedAt })),
react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'orderDetails__summaryValue'), { text: order.revenue_center.name })),
react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'orderDetails__summaryValue'), { text: `${street}, ${city}, ${postal_code}` })),
phone && (react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'orderDetails__summaryValue'), { text: phone })))),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'orderDetails__items')),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'orderDetails__itemsContainer')), order.cart.map(renderOrderDetailsItem))),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'orderDetails__totals')), renderCheckTotals(order)),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'orderDetails__buttons')),
react_1.default.createElement(Button_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'orderDetails__reorderButton'), { onClick: handlers.reorder, disabled: isReordering, text: isReordering ? 'Reordering...' : 'Reorder' }))))));
};
exports.default = OrderDetails;