@sberdevices/plasma-temple
Version:
SberDevices CanvasApp Templates.
76 lines (62 loc) • 2.99 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.CartOrderSberBox = CartOrderSberBox;
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
var _plasmaUi = /*#__PURE__*/require("@sberdevices/plasma-ui");
var _plasmaTokens = /*#__PURE__*/require("@sberdevices/plasma-tokens");
var _useFocusOnMount = /*#__PURE__*/require("../../../hooks/useFocusOnMount");
var _CartOrderDetailsCommon = /*#__PURE__*/require("../CartOrderDetails/CartOrderDetails@common");
var _CartOrderCommon = /*#__PURE__*/require("./CartOrder@common");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
var StyledContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
componentId: "plasma-temple__sc-b2jz51-0"
})(["width:14.188rem;margin-left:auto;margin-top:0.5rem;"]);
var StyledCartOrderDetails = /*#__PURE__*/(0, _styledComponents["default"])(_CartOrderDetailsCommon.CartOrderDetailsCommon).withConfig({
componentId: "plasma-temple__sc-b2jz51-1"
})(["margin-bottom:1.875rem;"]);
var StyledAdditionalInfo = /*#__PURE__*/(0, _styledComponents["default"])(_plasmaUi.Footnote1).withConfig({
componentId: "plasma-temple__sc-b2jz51-2"
})(["margin-top:0.875rem;color:", ";text-align:center;"], _plasmaTokens.secondary);
function CartOrderSberBox(_ref) {
var order = _ref.order,
disabled = _ref.disabled,
checkoutButtonContent = _ref.checkoutButtonContent,
additionalInfo = _ref.additionalInfo,
onCheckout = _ref.onCheckout;
var amount = order.amount,
deliveryPrice = order.deliveryPrice,
minDeliveryPrice = order.minDeliveryPrice,
discount = order.discount,
percentDiscount = order.percentDiscount,
currency = order.currency,
orderDetails = order.orderDetails;
var buttonRef = _react["default"].useRef(null);
(0, _useFocusOnMount.useFocusOnMount)(buttonRef);
return /*#__PURE__*/_react["default"].createElement(StyledContainer, null, /*#__PURE__*/_react["default"].createElement(StyledCartOrderDetails, {
amount: amount,
currency: currency,
deliveryPrice: deliveryPrice,
minDeliveryPrice: minDeliveryPrice,
discount: discount,
percentDiscount: percentDiscount,
orderDetails: orderDetails
}), /*#__PURE__*/_react["default"].createElement(_plasmaUi.Button, {
view: "primary",
stretch: true,
onClick: onCheckout,
size: "m",
disabled: disabled,
ref: buttonRef,
"data-cy": "CartOrder-button",
"data-focusable": true,
tabIndex: 0
}, /*#__PURE__*/_react["default"].createElement(_CartOrderCommon.CheckoutButtonContent, {
content: checkoutButtonContent
})), /*#__PURE__*/_react["default"].createElement(StyledAdditionalInfo, {
color: _plasmaTokens.secondary
}, additionalInfo));
}
//# sourceMappingURL=CartOrder@sberbox.js.map