@automattic/wpcom-checkout
Version:
Functions and components used by WordPress.com checkout.
41 lines • 2.02 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.RemovedFromCartItem = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const styled_1 = tslib_1.__importDefault(require("@emotion/styled"));
const components_1 = require("@wordpress/components");
const i18n_calypso_1 = require("i18n-calypso");
const react_1 = require("react");
const index_1 = require("./index");
const RemovedFromCartItemWrapper = styled_1.default.div `
color: var( --studio-gray-100 );
line-height: 20px;
padding: 16px 0;
font-size: 14px;
`;
const RestorableProductButton = (0, styled_1.default)(components_1.Button) `
color: var( --studio-gray-100 ) !important;
font-size: inherit;
font-weight: 500;
line-height: 20px;
margin-left: 4px;
height: auto;
text-decoration: underline;
text-underline-offset: 2px;
padding: 0;
`;
const RemovedFromCartItem = ({ product, addProductsToCart, }) => {
const [restorableProducts, setRestorableProducts] = (0, index_1.useRestorableProducts)();
const [isPlaceholder, setIsPlaceholder] = (0, react_1.useState)(false);
const translate = (0, i18n_calypso_1.useTranslate)();
return ((0, jsx_runtime_1.jsx)(RemovedFromCartItemWrapper, { children: isPlaceholder ? ((0, jsx_runtime_1.jsx)(index_1.LoadingCopy, { width: "350px" })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [translate('%(product)s was removed from the shopping cart.', {
args: { product: product.product_name },
}), (0, jsx_runtime_1.jsx)(RestorableProductButton, { onClick: async () => {
setIsPlaceholder(true);
await addProductsToCart([product]);
setRestorableProducts(restorableProducts.filter((p) => p.uuid !== product.uuid));
}, children: translate('Restore') })] })) }, product.uuid));
};
exports.RemovedFromCartItem = RemovedFromCartItem;
//# sourceMappingURL=removed-from-cart-item.js.map