UNPKG

@sberdevices/plasma-temple

Version:

SberDevices CanvasApp Templates.

76 lines (62 loc) 2.99 kB
"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